/* generic styles */
/* specific dialog styles at the bottom */
/* TODO: sort through this section */

.fm-dialog-close, .btn-close-dialog, .export-links-warning-close {
    cursor: pointer;
    height: 30px;
    width: 30px;
    background-image: url(../images/mega/dialog-sprite.png);
    background-repeat: no-repeat;
    position: absolute;
    transition: opacity 200ms ease-in-out;
    z-index: 10;
}
.btn-close-dialog, .export-links-warning-close {
    opacity: 0.3;
    right: 10px;
    top: 11px;
    background-position: -53px -4825px;
}
.fm-dialog-close {
    background-position: -93px -4824px;
    opacity: 0.6;
    right: 16px;
    top: 16px;
}
.fm-dialog-close.medium {
    background-position: -132px -5347px;
}
.fm-dialog-close:hover, .btn-close-dialog:hover {
    opacity: 0.8;
}
.fm-dialog-close.white {
    opacity: 0.8;
    background-position: -53px -4875px;
}

.fm-notifications-bottom button:not(:last-child) {
    margin-inline-end: 8px;
}
.fm-notifications-bottom > a {
    display: block;
}
.fm-notifications-bottom {
    align-items: center;
    min-height: 57px;
    box-sizing: border-box;
    position: relative;
    display: flex;
    padding: 24px 48px 48px 48px;
}

/* Dark overlay close buttons */
.payment-close,
.overlay-close {
    min-width: 56px;
    position: absolute;
    z-index: 2300;
    top: 14px;
    right: 14px;
}
.payment-close-icon,
.overlay-close-icon {
    --icon-size: 24px;
    margin: 0 auto;
    opacity: 0.7;
    transition: all 200ms ease-in-out;
    cursor: pointer;
    position: static;
    --mask-color: var(--text-color-high);
}
.payment-close-icon:hover,
.overlay-close-icon:hover {
    opacity: 1;
}
.payment-close span, .overlay-close span {
    display: block;
    text-align: center;
    font-size: 13px;
    color: rgba(255,255,255,0.3);
    padding-top: 2px;
}

.fm-dialog-body {
    padding: 24px;
    position: relative;
}
.fm-main-user-management.main-blur-block {
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(0,0,0,0.1);
}
.arrange-to-front, .dropdown.context.arrange-to-front {
    z-index: 1300;
}
.mega-dialog.firefox-dialog {
    width: 620px;
    min-height: 100px;
    margin: -187px 0 0 -310px;
}
.mega-dialog.bandwidth-dialog {
    width: 964px;
    min-height: 657px;
}

.big-padding .fm-dialog-close {
    right: 14px;
    top: 19px;
}
.bottom-checkbox {
    display: table-cell;
    vertical-align: middle;
    height: 56px;
    position: relative;
}
.bottom-checkbox .radio-txt {
    float: none;
    max-width: none;
    line-height: 18px;
    padding-left: 35px;
}

/* Rounded tip button with question mark icon. Should include <i class="sprite-fm-theme icon-question-grey"></i> */
.rounded-tip-button {
    width: 24px;
    height: 24px;
    position: relative;
}
.rounded-tip-button > i {
    position: absolute;
    display: block;
    --icon-size: 24px;
    cursor: pointer;
}
.rounded-tip-button .dropdown {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out;
    transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out;
}
.rounded-tip-button:hover .dropdown {
    visibility: visible;
    opacity: 1;
}

/* Send Contact Dialog */
.mega-dialog.contact-picker-widget .content-block {
    padding: 0;
}
.mega-dialog.contact-picker-widget .group-chat-dialog.content {
    padding: 0 48px;
}
.mega-dialog.send-contact,
.mega-dialog.contact-picker-widget {
    width: 420px;
}
.fr.fontsize2 .mega-dialog.contact-picker-widget {
    width: 382px;
}
body.de .mega-dialog.contact-picker-widget {
    width: 440px;
}
.mega-dialog .contacts-search-scroll {
    height: 336px !important;
}
.mega-dialog.send-contact .fm-dialog-content,
.mega-dialog.contact-picker-widget .fm-dialog-content {
    padding: 0 0 0 12px;
}
.mega-dialog.send-contact .contacts-search-scroll,
.mega-dialog.contact-picker-widget .contacts-search-scroll {
    margin: 8px auto 0;
    height: 320px !important;
}
.contacts-search-header .small-icon.conversations {
    opacity: 0.65;
}
.mega-dialog.send-contact .content-block {
    padding: 0;
}
/* End of Send Contact Dialog */

/*New group chat dialog */
.group-chat-dialog {
    padding: 0 0 0 0;
    font: var(--text-body1-bold);
    color: var(--text-color-high);
}
.group-chat-dialog .rotation-toggle,
.group-chat-dialog .open-invite-toggle {
    float: right;
    margin: 12px 0 0;
}
.group-chat-dialog.header {
    padding: 14px 12px 10px 0;
}
.group-chat-dialog.description {
    padding: 0 12px 0 0;
    font: var(--text-body1);
    color: var(--text-color-low);
}
.toggle-checkbox.right + .group-chat-dialog.header {
    padding-right: 80px;
}
.group-chat-dialog.checkbox {
    padding:  0 0 12px 0;
}
.radio-txt.lato.mid {
    font: var(--text-body1);
    color: var(--text-color-high);
}
.mega-dialog .group-chat-dialog .checkboxOn, .mega-dialog .group-chat-dialog .checkboxOff {
    margin: 14px 12px 0 0;
}
.mega-dialog .group-chat-dialog .radio-txt {
    padding-top: 12px;
}
.mega-dialog.contact-picker-widget .contacts-search-scroll.short,
.mega-dialog.contact-picker-widget .group-chat-dialog.checkbox + .contacts-search-scroll {
    height: 226px !important;
}
.toggle-checkbox {
    width: 40px;
    height: 20px;
    position: relative;
    border-radius: 20px;
    /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.1) 100%);
    overflow: hidden;
    font-size: 0;
    line-height: 0;
}
.group-chat-dialog .toggle-checkbox {
    margin: 16px 12px 0 0;
}
.toggle-checkbox-wrap {
    position: relative;
    height: 100%;
    width: 50%;
    display: inline-block;
    transition: all 200ms ease-in-out;
    border-radius: 20px;
    /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
    background: linear-gradient(to bottom, rgba(255, 51, 58, 0) 0%, rgba(217, 0, 7, 0) 100%);
}
.checked .toggle-checkbox-wrap {
    width: 100%;
    /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
    background: linear-gradient(to bottom, rgba(255, 51, 58, 1) 0%, rgba(217, 0, 7, 1) 100%);
}
.toggle-checkbox-button {
    position: absolute;
    width: 16px;
    height: 16px;
    background-color: white;
    border-radius: 100%;
    right: 0;
    margin: 2px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15);
    cursor:  pointer;
}
.toggle-checkbox-button::before {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.15);
}
.group-chat-dialog.checkbox.disabled .checkdiv,
.group-chat-dialog.checkbox.disabled label.radio-txt {
    cursor: default !important;
}
/*end of New group chat dialog */

/* Add From Cloud Dialog */
.mega-dialog.add-from-cloud {
    width: 800px;
    height: 720px;
    max-width: 90%;
    max-height: 90%;
    overflow: hidden;
}
.mega-dialog.add-from-cloud .content {
    border-bottom: 1px solid var(--stroke-grey-2);
    overflow: hidden;
    flex: 1 1;
}
.mega-dialog .fm-dialog-tabs::after {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    border-bottom: 1px solid var(--stroke-grey-2);
}
.mega-dialog.add-from-cloud .content-block {
    position: relative;
    max-height: 566px;
    height: 100%;
}
.mega-dialog.add-from-cloud .content-block .content-container {
    height: calc(100% - 106px);
    position: relative;
    z-index: 1;
}
.mega-dialog.add-from-cloud .megaListContainer .data-block-bg {
    width: 192px;
    border-radius: 8px;
}
.mega-dialog.add-from-cloud .megaList-content {
    margin-bottom: 0;
    margin-top: 5px;
    margin-left: 5px;
}
.mega-dialog .fm-breadcrumbs-wrapper {
    max-width: calc(100% - 152px);
    position: relative;
    transition: max-width 200ms ease-in-out;
}
.mega-dialog .properties-breadcrumb .fm-breadcrumbs-wrapper.info {
    max-width: 100%;
}
.mega-dialog .active-search + .fm-breadcrumbs-wrapper {
    max-width: calc(100% - 302px);
}
.mega-dialog .fm-breadcrumbs-wrapper a {
    color: var(--text-color-medium);
    text-decoration: none;
}
.mega-dialog .properties-breadcrumb .fm-breadcrumbs-wrapper a {
    color: var(--text-color-high);
}
.mega-dialog.add-from-cloud .fm-header-buttons {
    background: transparent;
    flex-direction: row-reverse;
}
.mega-dialog.add-from-cloud .fm-header-buttons input {
    padding: 5px;
    border-radius: 4px;
    font: var(--text-body1);
    color: var(--stroke-main-inverted);
    background: transparent;
}
.mega-dialog.add-from-cloud .fm-header-buttons input::placeholder {
    color: var(--stroke-main-inverted);
    opacity: 0.3;
}
.mega-dialog.add-from-cloud .fm-header-buttons.active-search input {
    border: 1px solid var(--stroke-grey-2);
    background: var(--surface-grey-6);
    border-radius: 50px;
}
.mega-dialog.add-from-cloud .fm-header-buttons i {
    display: block;
    float: left;
    margin: 0 0 0 5px;
    --icon-size: 24px;
    --mask-color: var(--icon-rest);
    cursor: pointer;
}
.mega-dialog.add-from-cloud .fm-header-buttons.active-search i {
    --mask-color: var(--icon-inactive);
}
.mega-dialog.add-from-cloud .fm-header-buttons i.icon-preview-reveal {
    display: block;
    float: left;
    margin: 3px 0 0 0;
}
.mega-dialog.add-from-cloud .fm-header-buttons i.icon-close-component {
    position: absolute;
    top: 5px;
    right: 14px;
}
.mega-dialog.add-from-cloud .fm-breadcrumbs .right-arrow-bg {
    overflow: hidden;
    text-overflow: ellipsis;
}
.mega-dialog.add-from-cloud .fm-breadcrumbs:last-of-type {
    max-width: 70%;
}
.mega-dialog.add-from-cloud .fm-breadcrumbs:only-child {
    max-width: 100%;
}
.mega-dialog.add-from-cloud .chat-fm-view-mode-selector i {
    --mask-color: var(--icon-inactive);
}
.mega-dialog.add-from-cloud .chat-fm-view-mode-selector i.active {
    --mask-color: var(--icon-active);
    border-bottom: 2px solid var(--secondary-blue);
}

/* Add From Cloud -- bottom breadcrumbs */
.mega-dialog.add-from-cloud.has-breadcrumbs-bottom .fm-dialog-scroll {
    height: 572px !important;
}
.mega-dialog .fm-breadcrumbs-wrapper.breadcrumbs-bottom {
    position: relative;
    width: 100%;
    max-width: none;
    background-color: transparent;
    overflow: visible;
    z-index: 10;
}
.mega-dialog .fm-breadcrumbs-wrapper.breadcrumbs-bottom .fm-breadcrumbs-block {
    height: 40px;
    padding: 5px 0 0 5px;
    overflow: visible;
}
.mega-dialog .fm-breadcrumbs-wrapper.breadcrumbs-bottom .crumb-overflow-link {
    background: none;
}
.mega-dialog .fm-breadcrumbs-wrapper.breadcrumbs-bottom .crumb-overflow-link .breadcrumb-dropdown-link:hover {
    background: var(--surface-grey-1);
}
.mega-dialog .fm-breadcrumbs-wrapper.breadcrumbs-bottom .fm-breadcrumbs:first-child {
    background-color: transparent;
}
.mega-dialog .fm-breadcrumbs-wrapper .fm-breadcrumbs:first-child {
    flex-shrink: 0;
}
.mega-dialog .properties-breadcrumb .fm-breadcrumbs-wrapper.info .fm-breadcrumbs:not(.cloud-drive):first-child {
    flex-shrink: unset;
}
/* .mega-dialog.add-from-cloud */
.mega-dialog .fm-breadcrumbs-wrapper .right-arrow-bg.recycle-item {
    background-position: 8px -8036px;
}
.mega-dialog .fm-breadcrumbs-wrapper .right-arrow-bg.inbox-item {
    background-position: 4px -6717px;
}
.mega-dialog .fm-breadcrumbs-wrapper.breadcrumbs-bottom .right-arrow-bg span {
    padding: 0 2px;
    margin: -2px 0 0 0;
}
.mega-dialog .breadcrumb-dropdown {
    position: absolute;
    top: 100%;
    bottom: unset;
    transform: unset;
}
.mega-dialog .breadcrumbs-bottom .breadcrumb-dropdown {
    bottom: 100%;
    top: auto;
}
.mega-dialog .breadcrumb-dropdown a,
.mega-dialog .breadcrumb-dropdown a:active {
    text-decoration: none;
    color: unset;
}
.mega-dialog .properties-breadcrumb .breadcrumb-dropdown a,
.mega-dialog .properties-breadcrumb .breadcrumb-dropdown a:active {
    color: var(--stroke-main-inverted);
}
.mega-dialog .properties-breadcrumb .breadcrumb-dropdown.ps--active-y a {
    margin-right: 4px;
}
.fm-dialog-table.grid-table th.grid-first-th i {
    float: none;
    margin: 0 auto;
}
.fm-dialog-table.grid-table {
    width: calc(100% - 34px);
    margin-inline: 8px 24px;
}
.fm-dialog-table.grid-table td.extras-column {
    width: 24px;
    padding-inline: 0;
}
.fm-dialog-table.grid-table .tranfer-filetype-txt {
    padding-top: 0;
}
.fm-dialog-table.grid-table .grid-status-icon {
    margin: 0 auto;
}
.mega-dialog.add-from-cloud .tranfer-filetype-txt {
    max-width: 900px;
    cursor: pointer;
}
.fm-dialog-table.grid-table td .tooltip-handler-container {
    height: 24px;
}
.fm-dialog-table.grid-table th {
    padding-top: 3px;
}
.fm-dialog-table.grid-table th:nth-child(1) {
    width: 40px;
    padding: 0;
}
.fm-dialog-table.grid-table th:nth-child(2) {
    width: 100%;
}
.fm-dialog-table.grid-table th:nth-child(3) {
    width: 95px;
    background-image: none;
}
.fm-dialog-table.grid-table th:nth-child(4) {
    width: 148px;
}
.fm-dialog-table.grid-table th:nth-child(5) {
    width: 24px;
}
.fm-dialog-table.grid-table th span {
    float: left;
}
.fm-dialog-table.grid-table th i {
    display: block;
    float: right;
    --icon-size: 18px;
    --mask-color: var(--icon-rest);
}
.fm-dialog-table.grid-table tr:hover td:last-child::before,
.fm-dialog-table.grid-table tr.ui-selected td:last-child::before {
    right: -7px;
}
.fm-files-search {
    position: relative;
    margin: 0 4px 0 0;
    border-right: 1px solid var(--stroke-grey-2);
}
.mega-dialog.add-from-cloud .fm-header-buttons.active-search i.icon-preview-reveal {
    position: absolute;
    top: 2px;
    left: 5px;
}
.mega-dialog.add-from-cloud .fm-header-buttons.active-search input {
    padding-left: 32px;
    padding-right: 24px;
    margin-right: 11px;
}

.fm-files-search i.search {
    --icon-size: 24px;
    display: block;
    background-position: -6px -474px;
    background-image: url(../images/mega/top-sprite.png);
    background-repeat: no-repeat;
    -webkit-transition: opacity 200ms ease-in-out;
    -moz-transition: opacity 200ms ease-in-out;
    -o-transition: opacity 200ms ease-in-out;
    -ms-transition: opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out;
    cursor: pointer;
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    float: left;
}
.fm-files-search i.search:hover, .active-search .fm-files-search  i.search {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.fm-files-search input {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    float: left;
    margin: 0;
    border: 0;
    padding: 0;
    width: 0;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.fm-header-buttons.active-search input {
    width: 165px;
    padding: 0 0 0 12px;
}
.fm-picker-header {
    position: relative;
    height: 48px;
    display: flex;
    align-items: center;
}
.fm-picker-header .fm-header-buttons {
    right: 5px;
    position: absolute;
}
.rtl .fm-picker-header .fm-header-buttons {
    left: 5px;
    right: unset;
}
.fm-dialog-scroll, .add-from-cloud .dialog-empty-block {
    height: 434px !important;
}

.mega-dialog .public-link-icon {
    position: absolute;
    top: 0;
    right: 10px;
    width: 24px;
    height: 24px;
    --mask-color: var(--icon-rest);
}

.fm-dialog-scroll.blocks, .add-from-cloud .dialog-empty-block {
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1);
}
.fm-dialog-scroll.blocks .content {
    padding-bottom: 12px;
}

.fm-dialog-scroll.blocks .data-block-view {
    margin: 12px 0 0 12px;
}

.fm-dialog-tabs {
    border-bottom: 1px solid var(--stroke-grey-2);
    padding: 26px 0 0 0;
}
.fm-dialog-tab {
    position: relative;
    cursor: pointer;
    font: var(--text-h3);
    color: var(--text-color-medium);
    padding: 0 24px 0 24px;
    border-bottom: 2px solid transparent;
    float: left;
    box-sizing: border-box;
    height: 32px;
    margin-bottom: -1px;
    z-index: 1;
}
.rtl .fm-dialog-tab {
   float: right;
}
.add-from-cloud.no-incoming .fm-dialog-tab.incoming {
    display: none;
}
.fm-dialog-tab.active {
    border-color: var(--stroke-info);
    color: var(--text-color-high);
    cursor: default;
}
@media only screen and (max-width: 1440px) {
    .mega-dialog.add-from-cloud {
        width: 800px;
    }
    .mega-dialog.add-from-cloud .tranfer-filetype-txt {
        max-width: 770px;
    }
}
@media only screen and (max-height: 850px) {
    .fm-dialog-scroll, .add-from-cloud .dialog-empty-block {
        height: 434px !important;
    }
    .mega-dialog.add-from-cloud.has-breadcrumbs-bottom .fm-dialog-scroll {
        height: 372px !important;
    }
}
@media only screen and (max-width: 1280px) {
    .mega-dialog.add-from-cloud {
        width: 800px;
    }
    .mega-dialog.add-from-cloud .tranfer-filetype-txt {
        max-width: 600px;
    }
}
@media only screen and (max-width: 1024px) {
    .mega-dialog.add-from-cloud {
        width: 700px;
    }
    .mega-dialog.add-from-cloud .tranfer-filetype-txt {
        max-width: 250px;
    }
}
/* End of Add From Cloud Dialog */

/* Delete message dialog */
.message.body.dialog-wrapper {
    border: 1px solid rgba(0,0,0,0.05);
    background-color: rgba(0,0,0,0.02);
    border-radius: 4px;
    margin: 0;
    padding: 13px 15px 13px 15px;
}
.dialog-wrapper .message.text-block {
    margin-right: 0;
    font-size: 14px;
    color: #666666;
}
.footer-checkbox {
    float: left;
}
/* End of Delete message dialog */

/* Confirm truncate dialog */
.mega-dialog.truncate-conversation .fm-dialog-content {
    margin-bottom: 24px;
}
/* End of confirm truncate dialog */

.fm-dialog-body.centered-content {
    font-size: 0;
}
/* Achievement dialog */

/* End of Achievement dialog */

.chat-rename-dialog {
    width: 400px;
}
.chat-rename-dialog input {
    padding-left: 10px;
    width: 260px;
}
.chat-rename-dialog .rename-input-bl {
    margin-bottom: 10px;
}
.create-folder-size-icon, .add-user-size-icon {
    background-image: url(../images/mega/fm-main-sprite.png);
    background-position: center -5509px;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    right: 10px;
    transition: opacity 200ms ease-in-out;
    opacity: 0.3;
    cursor: pointer;
    z-index: 40;
}
.create-folder-size-icon:hover, .add-user-size-icon:hover {
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}
.create-folder-size-icon.short-size, .add-user-size-icon.short-size {
    background-position: center -5559px;
    top: 14px;
    right: 40px;
    z-index: 30;
}
.create-folder-input-bl,
.create-album-input-bl,
.fm-account-input,
.rename-input-bl,
.device-rename-input-bl {
    width: 100%;
    border: 1px solid var(--stroke-grey-2);
    box-sizing: border-box;
    background: var(--surface-grey-1);
    height: 38px;
    border-radius: 4px;
    position: relative;
}
.create-folder-input-bl input,
.create-album-input-bl input,
.fm-account-input input,
.rename-input-bl input,
.device-rename-input-bl input {
    width: 100%;
    height: 36px;
    box-sizing: border-box;
    font: var(--text-body1);
    color: var(--text-color-high);
    padding: 0 8px 0 40px;
    margin: 0;
    background-repeat: no-repeat;
    background-color: transparent;
    border: 0;
    transition: color 200ms ease-in-out;
}
.create-folder-input-bl input {
    float: right;
}
.create-folder-input-bl input:-webkit-autofill,
.create-folder-input-bl input:-webkit-autofill:hover,
.create-folder-input-bl input:-webkit-autofill:focus {
    caret-color: var(--text-color-high);
    -webkit-text-fill-color: var(--text-color-high);
    box-shadow: 0 0 0 1000px var(--surface-grey-1) inset;
    transition: background-color 5000s ease-in-out 0s;
}
.duplicate .create-folder-input-bl {
    border: 1px solid var(--input-text-underline-error);
}
.create-folder-input-bl:hover:not(.duplicate .create-folder-input-bl),
.create-folder-input-bl:focus-within {
    border: 1px solid var(--secondary-blue);
}
.create-folder-input-bl i,
.create-album-input-bl i {
    --icon-size: 24px;
    float: left;
    --mask-color: var(--icon-inactive);
}
.create-folder-input-bl input:focus + i {
    --mask-color: var(--icon-rest);
}

/* just to replace padding property from the above class */
.chat-rename-group-dialog {
    padding: 0 10px 0 10px !important;
}

.fm-account-input input {
    padding: 0 8px;
}
.error .fm-account-input {
    color: #D90007;
}

/* MegaSync dialog */
.nw-dark-overlay.megasync-overlay {
    background-color: var(--surface-black-bar);
    transition: all 200ms ease-in-out;
}
.nw-dark-overlay.megasync-overlay .default-select-dropdown::before,
.nw-dark-overlay.megasync-overlay .default-select-dropdown::after {
    content: unset;
}
.nw-dark-overlay.megasync-overlay.downloading {
    background-color: rgba(34,34,34,0.95);
}
.fm-dialog-close.big {
    background-image: url(../images/mega/download-dialog.png);
    background-position: -368px 7px;
    opacity: 0.5;
    right: 17px;
    top: 17px;
}
.fm-dialog-close.big:hover {
    opacity: 0.8;
}
.megasync-content.slider {
    width: 900px;
    margin: -256px 0 0 -450px;
    overflow: hidden;
    position: absolute;
    z-index: 1200;
    background-color: white;
    border-radius: 24px;
    left: 50%;
    top: 50%;
    display: block;
    box-shadow: var(--dialog-shadow);
}
.warning .megasync-content.slider {
    margin-top: -301px;
}
.downloading .megasync-content.slider {
    display: none;
}
.megasync-body {
    padding: 31px 0 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: inherit;
    text-align: center;
    overflow: hidden;
    position: relative;
}
.megasync-slider.main-block {
    position: relative;
    min-height: 506px;
}
.slide1 .megasync-slider.body-block {
    left: 0;
}
.slide2 .megasync-slider.body-block {
    left: -768px;
}
.slide3 .megasync-slider.body-block {
    left: -1536px;
}
.megasync-slider.body-block {
    min-height: 506px;
    position: relative;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.megasync-info-txt a {
    cursor: pointer;
}
.megasync-slide {
    width: 900px;
    min-height: 481px;
    position: absolute;
    transition: all 400ms ease-in-out;
    opacity: 0;
    left: 0;
    visibility: hidden;
    font-family: 'LatoWeb', 'source_sans_proregular', sans-serif;
}
.megasync-slide.next {
    left: 100%;
}
.megasync-slide.prev {
    left: -100%;
}
.files-ammount .megasync-slide.slide0 {
    display: block;
}
.megasync-slide.current {
    opacity: 1;
    visibility: visible;
}
.megasync-slide.slide2 {
    text-align: start;
}
.megasync-img {
    height: 463px;
    position: relative;
}
.megasync-backup-bg {

    /* stylelint-disable-next-line max-line-length */
    background: linear-gradient(120deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgb(250, 250, 250) 50%, rgb(250, 250, 250) 100%);
    height: calc(100% + 56px);
    left: -29px;
    position: absolute;
    top: -31px;
    width: calc(100% + 56px);
}
.megasync-backup-img {
    --width: 384px;
    height: 228px;
    left: 56px;
    position: absolute;
    top: 126px;
    z-index: 1;
    width: 384px;
}
.megasync-img::before {
    content: '';
    background-image: url(../images/mega/download-dialog.png);
    background-position: 42px -194px;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 413px;
}
.megasync-img.img0::before {
    background-position: center -1069px;
    width: 600px;
    height: 200px;
    bottom: auto;
    left: 50%;
    margin: 84px 0 0 -300px;
    border: 1px dashed #d0d0d0;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}
.megasync-img.img2::before {
    background-position: center -581px;
}
.megasync-header {
    height: 43px;
    font-size: 20px;
    line-height: 24px;
    color: #333333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4px 25px 0 25px;
    position: relative;
    text-align: center;
}
.megasync-text {
    font-size: 15px;
    line-height: 24px;
    color: #777777;
    text-align: center;
    padding: 0;
    height: 109px;
    max-width: 584px;
    margin: 0 auto;
    position: relative;
}
.megasync-info-txt {
    position: absolute;
    width: 180px;
    left: 410px;
    top: 107px;
    font-size: 14px;
    line-height: 18px;
    color: #777777;
}
.megasync-info-arrow {
    width: 46px;
    height: 45px;
    background-image: url(../images/mega/download-sprite.png);
    background-position: -15px -2448px;
    position: absolute;
    left: 350px;
    top: 207px;
}
.megasync-dark-logo {
    height: 68px;
    width: 258px;
    color: #666666;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(../images/mega/download-sprite.png);
    background-position: -1px -1178px;
    background-repeat: no-repeat;
    display: inline-block;
    margin: -23px 0 0 23px;
}
.megasync-listing {
    padding: 0 0 12px 82px;
    position: relative;
    text-align: start;
    width: 482px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 11px 0 0 129px;
}
.megasync-icon {
    width: 64px;
    height: 64px;
    left: 0;
    position: absolute;
    margin: 0 0 0 0;
    background-image: url(../images/mega/download-sprite.png);
    background-position: 0 -2289px;
}
.megasync-icon.blink {
    background-position: -92px -2289px;
}
.megasync-icon.infinity {
    background-position: -172px -2289px;
}
.megasync-listing h3 {
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    padding: 0 0 9px 0;
    margin: 0 0 0 0;
}
.megasync-listing p {
    font-size: 14px;
    line-height: 18px;
    color: #777777;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
.megasync-slider-wrap {
    position: relative;
}
.megasync-body button {
    min-width: 0;
    position: relative;
    vertical-align: top;
}
.megasync-buttons {
    position: absolute;
    width: 100%;
    margin: -76px 0 0 0;
}
.megasync-buttons button {
    padding: 0 24px;
}
.megasync-bottom-warning {
    font: var(--text-body1);
    display: none;
    table-layout: fixed;
    width: 100%;
    color: var(--text-color-high-inverted);
    padding: 10px;
    position: relative;
    text-align: start;
    background: var(--surface-main-inverted);
}
.megasync-bottom-warning.visible,
.warning .megasync-bottom-warning {
    display: table;
}
.megasync-bottom-warning a {
    color: var(--text-color-high-inverted);
    text-decoration: underline;
}
.megasync-bottom-warning a:hover {
    text-decoration: none;
}
.megasync-bottom-warning .download.big-icon {
    position: static;
    top: 0;
    margin: 0;
}
.megasync-bottom-warning span {
    display: table-cell;
    vertical-align: middle;
    text-align: start;
    padding: 0;
    width: 74px;
}
.megasync-bottom-warning span.txt {
    width: auto;
    padding: 15px;
}
.megasync-features {
    height: 423px;
    font-size: 0;
}
.megasync-feature {
    display: inline-block;
    width: 30.5%;
    padding: 20px 0 0 0;
}
.megasync-feature-txt {
    font-size: 16px;
    line-height: 20px;
    color: #666666;
    font-family: var(--text-font-family-second-regular);
    margin: -7px 0 0 0;
}
.megasync-content .fm-dialog-close {
    opacity: 0.8;
    right: 16px;
    top: 16px;
    background: none;
}
.rtl .megasync-content .fm-dialog-close {
    left: 16px;
    right: auto;
}
.megasync-content .fm-dialog-close:hover {
    opacity: 1;
}
.megasync-content .fm-dialog-close i {
    --icon-size: 24px;
    margin-top: 3px;
    --mask-color: var(--icon-rest);
}
.megasync-slide-info {
    display: table-cell;
    height: 400px;
    width: 100%;
    vertical-align: middle;
    padding: 0 47px 0 518px;
    box-sizing: border-box;
    position: relative;
    text-align: start;
}
.megasync-slide-info .small-header {
    font-size: 14px;
    line-height: 17px;
    color: #3C434D;
}
.megasync-slide-info .small-header.positive {
    color: var(--secondary-green);
}
.megasync-slide-info .big-header {
    font-size: 24px;
    line-height: 32px;
    color: #3C434D;
    font-family: 'LatoWebBold', 'source_sans_probold', Arial, sans-serif;
    padding: 10px 0 20px 0;
}
.megasync-slide-info .txt {
    font-size: 13px;
    line-height: 20px;
    color: rgba(60, 67, 77, 0.7);
}
/* end of MegaSync dialog */

/* Megasync local network access dialog */

.msg-dialog .lna-dialog.msync-perm-info {
    margin-bottom: 12px;
}
.msg-dialog .lna-dialog.msync-perm-info i {
    line-height: 16px;
    margin: 0 4px;
}
.msg-dialog .lna-dialog.lna-image {
    background-repeat: no-repeat;
    background-size: contain;
    margin: 24px 0;
    height: 250px;
    width: 560px;
}
.msg-dialog .lna-dialog.lna-reset-image.locale-en {
    background-image: url("../images/mega/locale/lna-reset-light-en.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-reset-image.locale-en {
    background-image: url("../images/mega/locale/lna-reset-dark-en.webp");
}
.msg-dialog .lna-dialog.lna-prompt-image.locale-en {
    background-image: url("../images/mega/locale/lna-prompt-light-en.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-prompt-image.locale-en {
    background-image: url("../images/mega/locale/lna-prompt-dark-en.webp");
}
.msg-dialog .lna-dialog.lna-reset-image.locale-ar {
    background-image: url("../images/mega/locale/lna-reset-light-ar.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-reset-image.locale-ar {
    background-image: url("../images/mega/locale/lna-reset-dark-ar.webp");
}
.msg-dialog .lna-dialog.lna-prompt-image.locale-ar {
    background-image: url("../images/mega/locale/lna-prompt-light-ar.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-prompt-image.locale-ar {
    background-image: url("../images/mega/locale/lna-prompt-dark-ar.webp");
}
.msg-dialog .lna-dialog.lna-reset-image.locale-br {
    background-image: url("../images/mega/locale/lna-reset-light-br.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-reset-image.locale-br {
    background-image: url("../images/mega/locale/lna-reset-dark-br.webp");
}
.msg-dialog .lna-dialog.lna-prompt-image.locale-br {
    background-image: url("../images/mega/locale/lna-prompt-light-br.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-prompt-image.locale-br {
    background-image: url("../images/mega/locale/lna-prompt-dark-br.webp");
}
.msg-dialog .lna-dialog.lna-reset-image.locale-cn {
    background-image: url("../images/mega/locale/lna-reset-light-cn.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-reset-image.locale-cn {
    background-image: url("../images/mega/locale/lna-reset-dark-cn.webp");
}
.msg-dialog .lna-dialog.lna-prompt-image.locale-cn {
    background-image: url("../images/mega/locale/lna-prompt-light-cn.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-prompt-image.locale-cn {
    background-image: url("../images/mega/locale/lna-prompt-dark-cn.webp");
}
.msg-dialog .lna-dialog.lna-reset-image.locale-ct {
    background-image: url("../images/mega/locale/lna-reset-light-ct.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-reset-image.locale-ct {
    background-image: url("../images/mega/locale/lna-reset-dark-ct.webp");
}
.msg-dialog .lna-dialog.lna-prompt-image.locale-ct {
    background-image: url("../images/mega/locale/lna-prompt-light-ct.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-prompt-image.locale-ct {
    background-image: url("../images/mega/locale/lna-prompt-dark-ct.webp");
}
.msg-dialog .lna-dialog.lna-reset-image.locale-de {
    background-image: url("../images/mega/locale/lna-reset-light-de.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-reset-image.locale-de {
    background-image: url("../images/mega/locale/lna-reset-dark-de.webp");
}
.msg-dialog .lna-dialog.lna-prompt-image.locale-de {
    background-image: url("../images/mega/locale/lna-prompt-light-de.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-prompt-image.locale-de {
    background-image: url("../images/mega/locale/lna-prompt-dark-de.webp");
}
.msg-dialog .lna-dialog.lna-reset-image.locale-es {
    background-image: url("../images/mega/locale/lna-reset-light-es.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-reset-image.locale-es {
    background-image: url("../images/mega/locale/lna-reset-dark-es.webp");
}
.msg-dialog .lna-dialog.lna-prompt-image.locale-es {
    background-image: url("../images/mega/locale/lna-prompt-light-es.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-prompt-image.locale-es {
    background-image: url("../images/mega/locale/lna-prompt-dark-es.webp");
}
.msg-dialog .lna-dialog.lna-reset-image.locale-fr {
    background-image: url("../images/mega/locale/lna-reset-light-fr.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-reset-image.locale-fr {
    background-image: url("../images/mega/locale/lna-reset-dark-fr.webp");
}
.msg-dialog .lna-dialog.lna-prompt-image.locale-fr {
    background-image: url("../images/mega/locale/lna-prompt-light-fr.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-prompt-image.locale-fr {
    background-image: url("../images/mega/locale/lna-prompt-dark-fr.webp");
}
.msg-dialog .lna-dialog.lna-reset-image.locale-id {
    background-image: url("../images/mega/locale/lna-reset-light-id.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-reset-image.locale-id {
    background-image: url("../images/mega/locale/lna-reset-dark-id.webp");
}
.msg-dialog .lna-dialog.lna-prompt-image.locale-id {
    background-image: url("../images/mega/locale/lna-prompt-light-id.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-prompt-image.locale-id {
    background-image: url("../images/mega/locale/lna-prompt-dark-id.webp");
}
.msg-dialog .lna-dialog.lna-reset-image.locale-it {
    background-image: url("../images/mega/locale/lna-reset-light-it.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-reset-image.locale-it {
    background-image: url("../images/mega/locale/lna-reset-dark-it.webp");
}
.msg-dialog .lna-dialog.lna-prompt-image.locale-it {
    background-image: url("../images/mega/locale/lna-prompt-light-it.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-prompt-image.locale-it {
    background-image: url("../images/mega/locale/lna-prompt-dark-it.webp");
}
.msg-dialog .lna-dialog.lna-reset-image.locale-jp {
    background-image: url("../images/mega/locale/lna-reset-light-jp.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-reset-image.locale-jp {
    background-image: url("../images/mega/locale/lna-reset-dark-jp.webp");
}
.msg-dialog .lna-dialog.lna-prompt-image.locale-jp {
    background-image: url("../images/mega/locale/lna-prompt-light-jp.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-prompt-image.locale-jp {
    background-image: url("../images/mega/locale/lna-prompt-dark-jp.webp");
}
.msg-dialog .lna-dialog.lna-reset-image.locale-kr {
    background-image: url("../images/mega/locale/lna-reset-light-kr.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-reset-image.locale-kr {
    background-image: url("../images/mega/locale/lna-reset-dark-kr.webp");
}
.msg-dialog .lna-dialog.lna-prompt-image.locale-kr {
    background-image: url("../images/mega/locale/lna-prompt-light-kr.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-prompt-image.locale-kr {
    background-image: url("../images/mega/locale/lna-prompt-dark-kr.webp");
}
.msg-dialog .lna-dialog.lna-reset-image.locale-nl {
    background-image: url("../images/mega/locale/lna-reset-light-nl.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-reset-image.locale-nl {
    background-image: url("../images/mega/locale/lna-reset-dark-nl.webp");
}
.msg-dialog .lna-dialog.lna-prompt-image.locale-nl {
    background-image: url("../images/mega/locale/lna-prompt-light-nl.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-prompt-image.locale-nl {
    background-image: url("../images/mega/locale/lna-prompt-dark-nl.webp");
}
.msg-dialog .lna-dialog.lna-reset-image.locale-pl {
    background-image: url("../images/mega/locale/lna-reset-light-pl.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-reset-image.locale-pl {
    background-image: url("../images/mega/locale/lna-reset-dark-pl.webp");
}
.msg-dialog .lna-dialog.lna-prompt-image.locale-pl {
    background-image: url("../images/mega/locale/lna-prompt-light-pl.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-prompt-image.locale-pl {
    background-image: url("../images/mega/locale/lna-prompt-dark-pl.webp");
}
.msg-dialog .lna-dialog.lna-reset-image.locale-ro {
    background-image: url("../images/mega/locale/lna-reset-light-ro.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-reset-image.locale-ro {
    background-image: url("../images/mega/locale/lna-reset-dark-ro.webp");
}
.msg-dialog .lna-dialog.lna-prompt-image.locale-ro {
    background-image: url("../images/mega/locale/lna-prompt-light-ro.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-prompt-image.locale-ro {
    background-image: url("../images/mega/locale/lna-prompt-dark-ro.webp");
}
.msg-dialog .lna-dialog.lna-reset-image.locale-ru {
    background-image: url("../images/mega/locale/lna-reset-light-ru.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-reset-image.locale-ru {
    background-image: url("../images/mega/locale/lna-reset-dark-ru.webp");
}
.msg-dialog .lna-dialog.lna-prompt-image.locale-ru {
    background-image: url("../images/mega/locale/lna-prompt-light-ru.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-prompt-image.locale-ru {
    background-image: url("../images/mega/locale/lna-prompt-dark-ru.webp");
}
.msg-dialog .lna-dialog.lna-reset-image.locale-th {
    background-image: url("../images/mega/locale/lna-reset-light-th.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-reset-image.locale-th {
    background-image: url("../images/mega/locale/lna-reset-dark-th.webp");
}
.msg-dialog .lna-dialog.lna-prompt-image.locale-th {
    background-image: url("../images/mega/locale/lna-prompt-light-th.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-prompt-image.locale-th {
    background-image: url("../images/mega/locale/lna-prompt-dark-th.webp");
}
.msg-dialog .lna-dialog.lna-reset-image.locale-tr {
    background-image: url("../images/mega/locale/lna-reset-light-tr.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-reset-image.locale-tr {
    background-image: url("../images/mega/locale/lna-reset-dark-tr.webp");
}
.msg-dialog .lna-dialog.lna-prompt-image.locale-tr {
    background-image: url("../images/mega/locale/lna-prompt-light-tr.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-prompt-image.locale-tr {
    background-image: url("../images/mega/locale/lna-prompt-dark-tr.webp");
}
.msg-dialog .lna-dialog.lna-reset-image.locale-vi {
    background-image: url("../images/mega/locale/lna-reset-light-vi.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-reset-image.locale-vi {
    background-image: url("../images/mega/locale/lna-reset-dark-vi.webp");
}
.msg-dialog .lna-dialog.lna-prompt-image.locale-vi {
    background-image: url("../images/mega/locale/lna-prompt-light-vi.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-prompt-image.locale-vi {
    background-image: url("../images/mega/locale/lna-prompt-dark-vi.webp");
}
.msg-dialog .lna-dialog.lna-reset-image.locale-en.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-reset-light-en.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-reset-image.locale-en.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-reset-dark-en.webp");
}
.msg-dialog .lna-dialog.lna-prompt-image.locale-en.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-prompt-light-en.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-prompt-image.locale-en.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-prompt-dark-en.webp");
}
.msg-dialog .lna-dialog.lna-reset-image.locale-ar.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-reset-light-ar.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-reset-image.locale-ar.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-reset-dark-ar.webp");
}
.msg-dialog .lna-dialog.lna-prompt-image.locale-ar.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-prompt-light-ar.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-prompt-image.locale-ar.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-prompt-dark-ar.webp");
}
.msg-dialog .lna-dialog.lna-reset-image.locale-br.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-reset-light-br.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-reset-image.locale-br.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-reset-dark-br.webp");
}
.msg-dialog .lna-dialog.lna-prompt-image.locale-br.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-prompt-light-br.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-prompt-image.locale-br.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-prompt-dark-br.webp");
}
.msg-dialog .lna-dialog.lna-reset-image.locale-cn.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-reset-light-cn.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-reset-image.locale-cn.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-reset-dark-cn.webp");
}
.msg-dialog .lna-dialog.lna-prompt-image.locale-cn.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-prompt-light-cn.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-prompt-image.locale-cn.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-prompt-dark-cn.webp");
}
.msg-dialog .lna-dialog.lna-reset-image.locale-ct.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-reset-light-ct.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-reset-image.locale-ct.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-reset-dark-ct.webp");
}
.msg-dialog .lna-dialog.lna-prompt-image.locale-ct.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-prompt-light-ct.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-prompt-image.locale-ct.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-prompt-dark-ct.webp");
}
.msg-dialog .lna-dialog.lna-reset-image.locale-de.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-reset-light-de.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-reset-image.locale-de.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-reset-dark-de.webp");
}
.msg-dialog .lna-dialog.lna-prompt-image.locale-de.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-prompt-light-de.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-prompt-image.locale-de.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-prompt-dark-de.webp");
}
.msg-dialog .lna-dialog.lna-reset-image.locale-es.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-reset-light-es.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-reset-image.locale-es.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-reset-dark-es.webp");
}
.msg-dialog .lna-dialog.lna-prompt-image.locale-es.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-prompt-light-es.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-prompt-image.locale-es.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-prompt-dark-es.webp");
}
.msg-dialog .lna-dialog.lna-reset-image.locale-fr.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-reset-light-fr.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-reset-image.locale-fr.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-reset-dark-fr.webp");
}
.msg-dialog .lna-dialog.lna-prompt-image.locale-fr.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-prompt-light-fr.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-prompt-image.locale-fr.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-prompt-dark-fr.webp");
}
.msg-dialog .lna-dialog.lna-reset-image.locale-id.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-reset-light-id.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-reset-image.locale-id.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-reset-dark-id.webp");
}
.msg-dialog .lna-dialog.lna-prompt-image.locale-id.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-prompt-light-id.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-prompt-image.locale-id.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-prompt-dark-id.webp");
}
.msg-dialog .lna-dialog.lna-reset-image.locale-it.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-reset-light-it.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-reset-image.locale-it.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-reset-dark-it.webp");
}
.msg-dialog .lna-dialog.lna-prompt-image.locale-it.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-prompt-light-it.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-prompt-image.locale-it.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-prompt-dark-it.webp");
}
.msg-dialog .lna-dialog.lna-reset-image.locale-jp.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-reset-light-jp.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-reset-image.locale-jp.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-reset-dark-jp.webp");
}
.msg-dialog .lna-dialog.lna-prompt-image.locale-jp.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-prompt-light-jp.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-prompt-image.locale-jp.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-prompt-dark-jp.webp");
}
.msg-dialog .lna-dialog.lna-reset-image.locale-kr.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-reset-light-kr.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-reset-image.locale-kr.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-reset-dark-kr.webp");
}
.msg-dialog .lna-dialog.lna-prompt-image.locale-kr.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-prompt-light-kr.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-prompt-image.locale-kr.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-prompt-dark-kr.webp");
}
.msg-dialog .lna-dialog.lna-reset-image.locale-nl.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-reset-light-nl.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-reset-image.locale-nl.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-reset-dark-nl.webp");
}
.msg-dialog .lna-dialog.lna-prompt-image.locale-nl.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-prompt-light-nl.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-prompt-image.locale-nl.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-prompt-dark-nl.webp");
}
.msg-dialog .lna-dialog.lna-reset-image.locale-pl.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-reset-light-pl.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-reset-image.locale-pl.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-reset-dark-pl.webp");
}
.msg-dialog .lna-dialog.lna-prompt-image.locale-pl.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-prompt-light-pl.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-prompt-image.locale-pl.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-prompt-dark-pl.webp");
}
.msg-dialog .lna-dialog.lna-reset-image.locale-ro.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-reset-light-ro.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-reset-image.locale-ro.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-reset-dark-ro.webp");
}
.msg-dialog .lna-dialog.lna-prompt-image.locale-ro.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-prompt-light-ro.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-prompt-image.locale-ro.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-prompt-dark-ro.webp");
}
.msg-dialog .lna-dialog.lna-reset-image.locale-ru.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-reset-light-ru.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-reset-image.locale-ru.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-reset-dark-ru.webp");
}
.msg-dialog .lna-dialog.lna-prompt-image.locale-ru.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-prompt-light-ru.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-prompt-image.locale-ru.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-prompt-dark-ru.webp");
}
.msg-dialog .lna-dialog.lna-reset-image.locale-th.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-reset-light-th.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-reset-image.locale-th.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-reset-dark-th.webp");
}
.msg-dialog .lna-dialog.lna-prompt-image.locale-th.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-prompt-light-th.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-prompt-image.locale-th.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-prompt-dark-th.webp");
}
.msg-dialog .lna-dialog.lna-reset-image.locale-tr.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-reset-light-tr.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-reset-image.locale-tr.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-reset-dark-tr.webp");
}
.msg-dialog .lna-dialog.lna-prompt-image.locale-tr.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-prompt-light-tr.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-prompt-image.locale-tr.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-prompt-dark-tr.webp");
}
.msg-dialog .lna-dialog.lna-reset-image.locale-vi.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-reset-light-vi.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-reset-image.locale-vi.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-reset-dark-vi.webp");
}
.msg-dialog .lna-dialog.lna-prompt-image.locale-vi.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-prompt-light-vi.webp");
}
.theme-dark .msg-dialog .lna-dialog.lna-prompt-image.locale-vi.tld-nz {
    background-image: url("../images/mega/locale/nz-lna-prompt-dark-vi.webp");
}

/* end of Megasync local network access dialog */

/* FM file versioning overlay */
.fm-versioning.overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--surface-grey-1);
    z-index: 799;
}
.rtl .fm-versioning.overlay {
    direction: rtl;
}
.fm-versioning.header {
    background: var(--surface-main);
    height: 64px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}
.fm-versioning.body {
    height: calc(100% - 64px);
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
}
.fm-versioning.pad {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 50px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}
.fm-versioning .data-table {
    padding: 0;
}
.fm-versioning .data-table:last-child {
    margin-bottom: 12px;
}
.fm-versioning.top-column {
    display: flex;
    align-items: center;
    white-space: nowrap;
}
.fm-versioning.top-column:first-child {
    min-width: 0;
    width: 100%;
}
.fm-versioning.top-column.versioning-buttons {
    flex-shrink: 0;
}
.fm-versioning.settings,
.fm-versioning.close {
    position: absolute;
    top: 20px;
    cursor: pointer;
}
.fm-versioning.settings {
    left: 20px;
}
.rtl .fm-versioning.settings {
    left: auto;
    right: 20px;
}
.fm-versioning.close {
    right: 20px;
}
.rtl .fm-versioning.close {
    right: auto;
    left: 20px;
}
.fm-versioning.settings i,
.fm-versioning.close i {
    --mask-color: var(--icon-rest);
    --icon-size: 24px;
}
.fm-versioning.settings:hover i,
.fm-versioning.close:hover i {
    --mask-color: var(--icon-active);
}
.fm-versioning.pad button {
    margin-inline-start: 8px;
}
.fm-versioning .item-type-icon-90 {
    --icon-size: 48px;
    display: inline-block;
    margin: -5px;
    flex-shrink: 0;
    vertical-align: middle;
}
.fm-versioning.file-data {
    margin-inline-start: 16px;
}
.header .fm-versioning.file-data {
    width: auto;
    box-sizing: border-box;
    max-width: calc(100% - 64px);
}
.fm-versioning.file-name {
    font: var(--text-h2);
    color: var(--text-color-medium);
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.fm-versioning.file-name span.current {
    font: var(--text-body1);
    color: var(--text-color-info);
    padding: 0 0 0 10px;
    cursor: default;
}
.fm-versioning.file-info span.current {
    color: var(--text-color-info);
}
.fm-versioning.file-path {
    font: var(--text-body2);
    color: var(--text-color-medium);
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
}
.fm-versioning.file-path > span {
    align-items: center;
    display: flex;
    min-width: 32px;
}
.fm-versioning.file-path > span:first-of-type {
    flex-shrink: 0;
}
.fm-versioning.file-path > span i {
    --icon-size: 15px;
    --mask-color: var(--icon-inactive);
}
.fm-versioning.file-path > span span {
    overflow: hidden;
    text-overflow: ellipsis;
}
.fm-versioning.scroll-bl {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.fm-versioning.scroll-bl .content {
    max-width: 1200px;
    padding: 0 50px;
    margin: 0 auto;
}
.fm-versioning.data {
    font: var(--text-h2);
    color: var(--text-color-info);
    padding: 24px 0 12px;
}
.fm-versioning.file-name,
.fm-versioning.modified-info,
.fm-versioning.modified-time {
    font: var(--text-body1);
    color: var(--text-color-medium);
}
.fm-versioning.file-info {
    font: var(--text-body2);
    color: var(--text-color-low);
}
.fm-versioning.file-icon {
    width: 62px;
}
.fm-versioning.file-data {
    width: auto;
}
.fm-versioning.modified-time {
    width: 100px;
}
.fm-versioning.modified-time i,
.fm-versioning.modified-time span {
    display: inline-block;
    vertical-align: middle;
}
.fm-versioning.modified-info {
    width: 380px;
}
.fm-versioning.button-container {
    width: 176px;
}
.fm-versioning.file-info .size {
    position: relative;
}
.fm-versioning.buttons {
    transition: all 200ms ease-in-out;
    opacity: 0;
    visibility: hidden;
    display: flex;
}
.fm-versioning.buttons .delete-file,
.fm-versioning.buttons .revert-file,
.fm-versioning.buttons .download-file {
    cursor: pointer;
    border-radius: 4px;
    padding: 4px;
}
.file-info-row .fm-versioning.buttons .delete-file:hover,
.file-info-row .fm-versioning.buttons .revert-file:hover,
.file-info-row .fm-versioning.buttons .download-file:hover {
    background: var(--surface-grey-2);
}
.file-info-row.active .fm-versioning.buttons .delete-file:hover,
.file-info-row.active .fm-versioning.buttons .revert-file:hover,
.file-info-row.active .fm-versioning.buttons .download-file:hover {
    background: var(--surface-mid-grey);
}
.fm-versioning.buttons .download-file,
.fm-versioning.buttons .revert-file,
.fm-versioning.buttons .preview-file {
    margin-inline-end: 8px;
}
.file-info-row:hover .fm-versioning.buttons {
    opacity: 1;
    visibility: visible;
}
.fm-versioning.buttons i {
    --mask-color: var(--icon-rest);
    --icon-size: 24px;
    margin: 0;
}
.fm-versioning.buttons div:not(.disabled):hover i {
    --mask-color: var(--icon-active);
}
.fm-versioning.buttons i.disabled {
    opacity: 1;
    --mask-color: var(--icon-inactive);
}
.fm-versioning.buttons div.disabled {
    opacity: 1;
}
/* end of FM file versioning overlay */

/* Drag and Drop overlay */
.drag-n-drop.overlay {
    position: absolute;
    z-index: 2000;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,0.4);
}
.drag-n-drop.content {
    position: absolute;
    width: 400px;
    height: 168px;
    display: table;
    background-color: white;
    border-radius: 4px;
    left: 50%;
    transform: translateX(-50%);
    top: 50%;
    margin-top: -64px;
}
.drag-n-drop.header {
    height: 211px;
    margin: -83px auto 0 auto;
    background-image: url(../images/mega/overlay-sprite.png);
    background-position: center top;
    background-repeat: no-repeat;
    font-size: 36px;
    line-height: 40px;
    letter-spacing: 0.2px;
    font-family: 'source_sans_prolight', sans-serif;
    text-align: center;
    color: rgba(51,51,51,0.8);
    white-space: nowrap;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 139px 30px 0 30px;
}
.drag-n-drop.header strong {
    font-family: 'source_sans_probold', sans-serif;
    font-weight: normal;
}
.drag-n-drop hr {
    width: 100%;
    height: 1px;
    border: 0;
    margin: 0;
    padding: 0;
    background-image: url(../images/mega/overlay-sprite.png);
    background-position: left -211px;
    background-repeat: repeat-x;
}
.drag-n-drop.info-block {
    font-size: 14px;
    line-height: 18px;
    color: #777E82;
    padding: 9px 30px 0 30px;
    text-align: center;
    opacity: 0.8;
}
.drag-n-drop.info-block i {
    background-image: url(../images/mega/overlay-sprite.png);
    background-position: 0 -240px;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 18px;
}
.drag-n-drop.info-block span {
    display: inline-block;
    vertical-align: top;
}

/* end of Drag and Drop overlay */

/* invitation link password dialog */

.user-management-dialog .icon102 {
    background-image: url(../images/mega/big-icons.png);
    background-size: 192px auto;
}
.user-management-dialog .dialog-sub-title {
    width: 100%;
    text-align: center;
    font: var(--text-h3);
    color: var(--text-color-high);
    margin-top: 24px;
    margin-bottom: 8px;
}
.user-management-dialog .dialog-txt {
    width: 100%;
    text-align: center;
}

/* Recover account */
.mega-dialog.improved-recovery-steps .recover-paste-block h5.main-italic-header {
    display: block;
    text-align: start;
}
.mega-dialog.improved-recovery-steps .recover-paste-block {
    margin: 30px auto 0;
}
/* end of Recover account */

.mega-dialog.export-chat-links-dialog {
    width: 560px;
}
.mega-dialog.export-chat-links-dialog .export-link-item {
    margin: 12px auto 32px;
}
.mega-dialog.export-chat-links-dialog .export-link-text-pad {
    padding: 10px 0;
}
.mega-dialog.export-chat-links-dialog .file-link-block {
    padding: 9px 16px 9px 16px;
    font-size: 15px;
}
.mega-dialog.export-chat-links-dialog .export-chat-ink-warning {
    font-size: 15px;
    color: var(--text-color-medium);
}
.fm-dialogs.export-chat-links-dialog .rename-input-bl input {
    padding-left: 8px;
}

/* Join group chat */
.mega-dialog.join-group-chat {
    width: 480px;
    margin: -241px 0 0 -240px;
    text-align: center;
    font-family: 'LatoWeb', 'source_sans_proregular', sans-serif;
}
.join-group-chat .fm-dialog-body {
    padding: 12px 42px 24px 42px;
}
.join-group-chat .members {
    font-size: 16px;
    line-height: 21px;
    color: #666666;
    padding: 0 0 0 0;
    letter-spacing: -0.18px;
}
.join-group-chat .info {
    font-size: 14px;
    line-height: 21px;
    color: #333333;
    padding: 32px 0 32px 0;
    letter-spacing: -0.18px;
}
.join-group-chat .huge-icon {
    margin: 12px auto 0 auto;
}
.join-group-chat button {
    margin: 0 0 22px 0;
}
.join-group-chat .red-link {
    display: inline-block;
    margin: 0;
    font-size: 16px;
    line-height: 21px;
    color: #F0373A;
    padding: 0 0 0 0;
    letter-spacing: -0.18px;
    cursor: pointer;
}
.join-group-chat .red-link:hover {
    text-decoration: underline;
}
/* end of Join group chat */

/* Login to account  if accout has bee suspended */
.mega-dialog.type-480px227 {
    width: 480px;
}
.login-set-pass.content-block {
    padding: 22px 35px 35px 35px;
    font: var(--text-body1);
    color: var(--text-color-high);
    text-align: center;
}
.login-set-pass .text {
    padding: 2px 0 18px 0;
}
.login-set-pass .dialog-login-form {
    margin-top: 9px;
}
/* end of Login to account  if accout has bee suspended */

/* File folder picker dialog (upload, share etc)*/
/* Important TODO - Reslice this dialog:
* - Remove unnecessary inheritances, styles
* - Remove static background-images
*/
.dialog-empty-block {
    align-items: center;
    display: none;
    height: 280px;
    justify-content: center;
    position: relative;
    text-align: center;
}
.dialog-empty-block.active {
    display: flex;
    width: 100%;
}
.dialog-empty-icon,
.dialog-empty-block i {
    --icon-size: 72px;
    --mask-color: var(--icon-rest);
    display: inline-block;
}
.dialog-empty-pad i {
    --icon-size: 96px;
    --mask-color: var(--secondary-grey);
    text-align: center;
}
.dialog-empty-header {
    align-items: center;
    color: var(--text-color-high);
    display: flex;
    font: var(--text-h2);
    margin-top: 8px;
}
.dialog-empty-header i {
    --icon-size: 24px;
    margin-inline-start: 8px;
}
.dialog-empty-txt {
    font-size: 13px;
    line-height: 21px;
    color: var(--text-color-low);
    padding: 0 12px;
    text-align: center;
}
.fm-dialog-body .nw-fm-tree-item:hover {
    border: 0;
}
.share-dialog-tree-panel {
    overflow: hidden;
    margin: 0 -12px 12px -12px;
}
.share-dialog-tree-panel .nw-fm-tree-item {
    padding-right: 28px;
}

.dialog-tree-panel-scroll {
    height: 232px;
    min-width: calc(100% - 12px);
}
.fm-dialog-body .nw-conversations-item {
    padding-left: 13px;
    border: 0;
    color: #333;
    font-family: 'LatoWeb';
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 17px;
    margin-left: 34px;
    padding: 8px 0 14px 0;
    width: 343px;
}
.contact-nickname-dialog .horizontal-bar {
    background-color: #00bfa5;
    height: 1px;
}
.share-dialog-tree-panel.active {
    display: block;
}
.dialog-content-block {
    min-width: 100%;
}
.mega-dialog.fm-picker-dialog .dialog-tree-panel-scroll ul .nw-fm-tree-item {
    padding: 4px 0;
    padding-inline-start: 5px;
    padding-inline-end: 40px;
    margin-top: 1px;
    margin-bottom: 1px;
    border-left: transparent 4px solid;
}
.rtl .mega-dialog.fm-picker-dialog .dialog-tree-panel-scroll ul .nw-fm-tree-item {
    border-left: unset;
    border-right: transparent 4px solid;
}
.mega-dialog.fm-picker-dialog .dialog-tree-panel-scroll ul ul .nw-fm-tree-item {
    padding-inline-start: 28px;
}
.mega-dialog.fm-picker-dialog .dialog-tree-panel-scroll ul ul ul .nw-fm-tree-item {
    padding-inline-start: 52px;
}
.mega-dialog.fm-picker-dialog .dialog-tree-panel-scroll ul ul ul ul .nw-fm-tree-item {
    padding-inline-start: 76px;
}
.mega-dialog.fm-picker-dialog .dialog-tree-panel-scroll ul ul ul ul ul .nw-fm-tree-item {
    padding-inline-start: 100px;
}
.mega-dialog.fm-picker-dialog .dialog-tree-panel-scroll ul ul ul ul ul ul .nw-fm-tree-item {
    padding-inline-start: 124px;
}
.mega-dialog.fm-picker-dialog .dialog-tree-panel-scroll ul ul ul ul ul ul ul .nw-fm-tree-item {
    padding-inline-start: 148px;
}
.mega-dialog.fm-picker-dialog .dialog-tree-panel-scroll ul ul ul ul ul ul ul ul .nw-fm-tree-item {
    padding-inline-start: 172px;
}
.mega-dialog.fm-picker-dialog .dialog-tree-panel-scroll ul ul ul ul ul ul ul ul ul .nw-fm-tree-item {
    padding-inline-start: 196px;
}
.mega-dialog.fm-picker-dialog .dialog-tree-panel-scroll ul ul ul ul ul ul ul ul ul ul .nw-fm-tree-item {
    padding-inline-start: 220px;
}
.mega-dialog.fm-picker-dialog .dialog-tree-panel-scroll ul ul ul ul ul ul ul ul ul ul ul .nw-fm-tree-item {
    padding-inline-start: 244px;
}
.mega-dialog.fm-picker-dialog .dialog-tree-panel-scroll ul ul ul ul ul ul ul ul ul ul ul ul .nw-fm-tree-item {
    padding-inline-start: 268px;
}
.mega-dialog.fm-picker-dialog .dialog-tree-panel-scroll ul ul ul ul ul ul ul ul ul ul ul ul ul .nw-fm-tree-item {
    padding-inline-start: 292px;
}
.mega-dialog.fm-picker-dialog .dialog-tree-panel-scroll ul ul ul ul ul ul ul ul ul ul ul ul ul ul .nw-fm-tree-item {
    padding-inline-start: 316px;
}
.mega-dialog.fm-picker-dialog .dialog-tree-panel-scroll ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul .nw-fm-tree-item {
    padding-inline-start: 340px;
}
.mega-dialog.fm-picker-dialog .dialog-tree-panel-scroll ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul .nw-fm-tree-item {
    padding-inline-start: 364px;
}
/* end of File/folder picker dialog */

/* Get link dialog */

/* Custom html dark  tooltip */
.dark-direct-tooltip.custom-html {
    display: block;
    position: absolute;
    z-index: 1200;
    opacity: 0;
    color: var(--text-color-high-inverted);
}
.dark-direct-tooltip.custom-html .content i {
    position: static;
    margin: 0;
    margin-inline-start: 20px;
    cursor: pointer;
    --icon-size: 24px;
    display: inline-block;
    vertical-align: middle;
    --mask-color: var(--text-color-high-inverted);
}
.dark-direct-tooltip.custom-html .green {
    color: var(--text-color-success-inverted);
}
.dark-direct-tooltip.custom-html.visible {
    opacity: 1;
}
.dark-direct-tooltip.custom-html input {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: 0;
    background-color: transparent;
    vertical-align: middle;
    font: var(--text-body1);
    color: var(--text-color-high-inverted);
}
/* end of Custom html dark tooltip*/

.fm-right-account-block .add-more-img {
    background-position: 0 -12376px;
}
.share-dialog-panel-arrows {
    right: 11px;
    top: 11px;
}

.dropdown-item.disabled, .dropdown-item.notactive {
    opacity: 0.5;
    background-position: 0 -12376px;
}
.dialog-top-icon {
    margin: 26px 0 17px 0;
}
.dialog-top-icon.semi-huge-icon {
    margin: 15px 0 2px 0;
}
.dialog.header-before-icon {
    font: var(--text-h1);
    color: var(--text-color-high);
    padding: 2px 0 8px 0;
}
.dialog.p-after-icon {
    padding: 5px 0 16px 0;
    margin: 0;
    box-sizing: border-box;
}
.dialog.big-buttons-block {
    font-size: 0;
    padding: 24px 0 4px 0;
    white-space: nowrap;
}
.dialog.big-buttons-block button {
    display: inline-block;
    margin: 0 6px;
}
.fm-dialog-body .centered-checkbox {
    padding: 2px 0 10px 0;
}
.fm-dialog-body .centered-checkbox:empty {
    padding: 0;
}

@media only screen and (max-height: 768px) {
    .dialog.p-after-icon {
        padding-bottom: 8px;
    }
}

.mega-dialog.verify-phone .achievements-icon {
    background-image: url(../images/mega/mid-achievements.png);
    background-size: 380px auto;
    background-repeat: no-repeat;
}
.mega-dialog.verify-phone button.close i {
    --mask-color: var(--text-color-white-high);
}
.mega-dialog footer aside .radio-txt {
    padding-right: 0;
    padding-top: 0;
    max-width: none;
}
.mega-dialog footer aside .checkdiv {
    margin-top: 0;
}
.mega-dialog footer aside .checkdiv.checkboxOff {
    background: var(--checkbox-fill-inactive-2);
    box-shadow: inset 0 0 0 1px var(--checkbox-border-inactive-2);
}

/* ****** Styling for dialog content ****** */

/* set-password-dialog */

    .mega-dialog.set-password-dialog {
        width: 392px;
        margin: auto;
    }
    .mega-dialog.set-password-dialog .existing-pass {
        padding: 0;
    }
    .mega-dialog.set-password-dialog .existing-tip {
        font-size: 12px;
        line-height: 20px;
        text-align: center;
        color: #999999;
        padding: 3px 0 13px 0;
    }
    .mega-dialog.set-password-dialog .existing-input {
        display: flex;
        width: 100%;
        box-shadow: 0 0 0 1px var(--stroke-grey-2);
        border-radius: 4px;
        margin-bottom: 8px;
        position: relative;
        height: 36px;
        background: var(--surface-main);
    }
    .mega-dialog.set-password-dialog .existing-input-wrap {
        padding-right: 35px;
        position: relative;
        flex-grow: 1;
    }
    .mega-dialog.set-password-dialog .existing-input i {
        position: absolute;
        right: 10px;
        top: 6px;
        cursor: pointer;
        --icon-size: 24px;
        --mask-color: var(--text-color-high);
    }
    .rtl .mega-dialog.set-password-dialog .existing-input i {
        right: auto;
        left: 10px;
    }
    .mega-dialog.set-password-dialog .existing-input input {
        font-size: 14px;
        line-height: 36px;
        height: 36px;
        font-family: 'LatoWeb', Arial, sans-serif;
        color: var(--text-color-high);
        box-sizing: border-box;
        padding: 0 0 0 12px;
        margin: 0;
        border: 0;
        background-color: transparent;
        caret-color: transparent;
    }
    .mega-dialog.set-password-dialog .existing-input button {
        border-radius: 0 4px 4px 0;
        flex-grow: 0;
    }
    .rtl .mega-dialog.set-password-dialog .existing-input button {
        border-radius: 4px 0 0 4px;
    }
    .mega-dialog.set-password-dialog .pass-wrapper {
        position: relative;
    }
    .mega-dialog.set-password-dialog .strength {
        position: absolute;
        right: 30px;
        top: 24px;
        height: 24px;
        color: white;
        padding: 0 10px;
        background-color: green;
        border-radius: 12px;
        font-size: 14px;
        line-height: 24px;
        z-index: 12;
    }
    .mega-dialog.set-password-dialog div.mega-input-title {
        font-size: 12px;
    }
    .mega-dialog.set-password-dialog .strength:empty {
        display: none;
    }
    .mega-dialog.set-password-dialog .mega-input-title-ontop.good1::after, .good1 + .set-password-dialog.strength {
        background-color: #ff2a0b;
    }
    .mega-dialog.set-password-dialog .mega-input-title-ontop.good2::after, .good2 + .set-password-dialog.strength {
        background-color: #ffc926;
    }
    .mega-dialog.set-password-dialog .mega-input-title-ontop.good3::after, .good3 + .set-password-dialog.strength {
        background-color: #7ab148;
    }
    .mega-dialog.set-password-dialog .mega-input-title-ontop.good4::after, .good4 + .set-password-dialog.strength {
        background-color: #7dd016;
    }
    .mega-dialog.set-password-dialog .mega-input-title-ontop.good5::after, .good5 + .set-password-dialog.strength {
        background-color: #1DA1E9;
    }
    .mega-dialog.set-password-dialog .mega-input-title-ontop.with-icon input {
        font-size: 14px;
    }
    .mega-dialog.set-password-dialog .retype .mega-input-title-ontop {
        margin-bottom: 0;
    }

/* end set-password-dialog */

/* password-dialog: Password decryption dialog */

    .mega-dialog.password-dialog .instruction-message {
        line-height: 20px;
        padding: 0 0 20px;
    }
    .mega-dialog.password-dialog .decryption-password {
        position: relative;
    }
    .mega-dialog.password-dialog .decryption-password i {
        left: 12px;
        top: 6px;
        position: absolute;
        --icon-size: 24px;
        --mask-color: var(--text-color-medium);
    }
    .mega-dialog.password-dialog .decryption-password input {
        text-indent: 36px;
    }
    .mega-dialog.password-dialog .decryption-in-progress i {
        animation: rotate 0.8s infinite linear;
    }

/* end password-dialog */

/* rename-dialog */

    .mega-dialog.rename-dialog {
        min-width: 480px;
    }

/* end rename-dialog*/

/* device-rename-dialog */

    .mega-dialog.device-rename-dialog {
        width: 360px;
    }
    .mega-dialog.device-rename-dialog .content-block {
        padding: 8px 20px;
    }

    .mega-dialog.device-rename-dialog > header {
        padding: 16px;
    }

    .mega-dialog.device-rename-dialog > header h2 {
        text-align: center;
    }

    .mega-dialog button.close {
        top: 20px;
    }

    .mega-dialog.device-rename-dialog > footer .footer-container {
        padding: 16px 24px 20px;
    }


/* end device-rename-dialog */

/* export-links-dialog */
    .mega-sheet.export-links-dialog,
    .mega-sheet.export-links-settings-dialog,
    .mega-sheet.link-embed-dialog,
    .mega-sheet.link-settings-discard-dialog,
    .mega-sheet.remove-link-dialog {
        z-index: 1111;
    }

    .mega-sheet.export-links-dialog .link-access-text {
        color: var(--mobile-text-info);
    }
    .mega-sheet.export-links-settings-dialog .learn-more-text {
        color: var(--mobile-link-primary);
    }
    .mega-sheet.export-links-dialog .title {
        width: 100%;
    }
    .mega-sheet.export-links-dialog .main {
        max-height: 490px;
    }
    .mega-sheet .toggle-wrapper,
    .mega-sheet button {
        cursor: pointer;
    }
    .export-links-settings-dialog input.set-date {
        cursor: pointer;
        background-color: var(--mobile-page-background);
        border-radius: 8px;
        padding: 10px;
        box-sizing: border-box;
        line-height: 12px;
        width: 268px;
    }
    .export-links-settings-dialog input.set-date::placeholder {
        color: var(--mobile-text-placeholder);
    }
    .share-link-expiry-calendar {
        position: absolute;
        padding: 8px 0;
        min-width: 300px;
        border: var(--context-menu-border);
        border-radius: 20px;
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
        background: var(--surface-main);
        transition: var(--transition-opacity);
        z-index: 150;
    }
    .share-link-expiry-calendar .datepicker--pointer {
        display: none;
    }
    .share-link-expiry-calendar .datepicker--content {
        padding: 7px 7px 7px 10px;
    }
    .share-link-expiry-calendar .datepicker--days-names .datepicker--day-name {
        margin: 2px;
        width: 36px;
        color: var(--text-color-low);
    }
    .share-link-expiry-calendar .datepicker--cell {
        width: 36px;
        height: 36px;
        margin: 2px;
        font-size: 12px;
        line-height: 36px;
    }
    .share-link-expiry-calendar .datepicker--cell.-selected- {
        color: var(--secondary-white);
    }
    .share-link-expiry-calendar .datepicker--cell.-disabled- {
        color: var(--text-color-low);
    }
    .share-link-expiry-calendar .datepicker--cell.-disabled-.-selected- {
        color: var(--secondary-white);
    }
    .share-link-expiry-calendar .datepicker--cell.-current- {
        border: 1px solid #333;
        background: linear-gradient(180deg, #F2F2F2 0%, #EDEDED 100%);
        color: var(--text-color-high);
    }
    body.theme-dark .share-link-expiry-calendar .datepicker--cell.-current- {
        border: 1px solid #FFF;
        background: transparent;
    }
    .share-link-expiry-calendar .datepicker--cell.-other-month- {
        color: var(--text-color-low);
    }
    .mega-dialog.export-links-dialog .item-link {
        display: flex;
        width: 100%;
        height: 40px;
        border: 1px solid var(--stroke-grey-2);
        border-radius: 4px;
        position: relative;
    }
    .mega-dialog.export-links-dialog .input-wrap {
        flex: 1;
        vertical-align: top;
        width: 100%;
    }
    .mega-dialog.export-links-dialog .item-link i {
        position: absolute;
        left: 6px;
        top: 7px;
        --icon-size: 24px;
        --mask-color: var(--text-color-medium);
    }
    .mega-dialog.export-links-dialog .item-link input {
        font-size: 12px;
        height: 38px;
        box-sizing: border-box;
        width: 100%;
        padding: 0 10px;
        padding-inline-start: 36px;
        margin: 0;
        border: 0;
        background-color: transparent;
        caret-color: transparent;
        color: var(--text-color-high);
    }
    .mega-dialog.export-links-dialog .keys-tip {
        width: 320px;
        left: 50%;
        bottom: 34px;
        margin-inline-start: -160px;
        text-align: center;
        padding: 12px;
        font: var(--text-body1);
        color: var(--text-color-medium);
        border-radius: 24px;
        background: var(--surface-main);
    }
    .mega-dialog.export-links-dialog .keys-tip.left-arrow {
        bottom: auto;
        top: -47px;
        left: 34px;
        margin: 0;
    }
    .rtl .mega-dialog.export-links-dialog .keys-tip.left-arrow {
        left: auto;
        right: 34px;
    }
    .mega-dialog.export-links-dialog .keys-tip.left-arrow i,
    .m-context-menu.keys-tip.left-arrow > i {
        top: 64px;
    }
    .mega-dialog.export-links-dialog .illustration,
    .m-context-menu.keys-tip .illustration {
        width: 128px;
        --width: 128px;
        height: 92px;
        margin: 16px auto;
    }
    .mega-dialog.export-links-dialog .keys-tip .tip-header,
    .m-context-menu.keys-tip .tip-header {
        font: var(--text-h3);
        color: var(--text-color-high);
        margin-bottom: 8px;
    }
    .mega-dialog.export-links-dialog .keys-tip .tip-text,
    .m-context-menu.keys-tip .tip-text {
        padding: 0 0 8px;
    }
    .mega-dialog.export-links-dialog .keys-tip .tip-link,
    .mega-dialog.export-links-dialog .keys-tip .tip-link:visited,
    .m-context-menu.keys-tip .tip-link,
    .m-context-menu.keys-tip .tip-link:visited {
        font: var(--text-body2);
        color: var(--text-color-info);
        cursor: pointer;
        position: relative;
    }
    body.web-desktop .mega-sheet.export-links-dialog footer.overlay-footer {
        margin-top: 0;
    }

    /* QR code popup */

    body.web-desktop .mega-sheet.export-links-dialog .node-link-block button.copy-field,
    .mega-sheet.export-links-dialog .qrcode-container {
        margin-inline-start: 4px;
    }
    .mega-sheet.export-links-dialog .qrcode-container button.active {
        background-color: var(--mobile-button-secondary-pressed);
    }
    .mega-sheet.export-links-dialog .qrcode-popup {
        position: fixed;
        z-index: 1001;
        background: var(--mobile-surface-2);
        padding: 12px;
        border-radius: 8px;
        font: var(--mobile-font-caption-large-bold);
    }
    .rtl .mega-sheet.export-links-dialog .qrcode-popup {
        transform: translateX(-100%);
    }
    .mega-sheet.export-links-dialog .qrcode-popup::after {
        content: "";
        position: absolute;
        top: 29px;
        left: -11px;
        width: 0;
        height: 0;
        border-top: 9px solid transparent;
        border-bottom: 9px solid transparent;
        border-right: 11px solid var(--mobile-surface-2);
    }
    .rtl .mega-sheet.export-links-dialog .qrcode-popup::after {
        left: auto;
        right: -11px;
        border-left: 11px solid var(--mobile-surface-2);
        border-right: 0;
    }
    .mega-sheet.export-links-dialog .qrcode-popup .close-qrcode {
        position: absolute;
        top: 12px;
        right: 12px;
        padding: 0;
    }
    .rtl .mega-sheet.export-links-dialog .qrcode-popup .close-qrcode {
        left: 12px;
        right: auto;
    }
    .mega-sheet.export-links-dialog .qrcode-popup .qrcode-popup-content-body {
        padding: 16px;
        background-color: rgb(255, 255, 255, 1);
        border-radius: 8px;
        margin-top: 12px;
    }
    .mega-sheet.export-links-dialog .qrcode-popup .qrcode-popup-content-body > canvas {
        display: block;
    }

    /* end QR code popup */

/* end export-links-dialog */

/* create-file-dialog and create-folder-dialog */

    .mega-dialog.create-folder-dialog,
    .mega-dialog.create-file-dialog {
        width: 400px;
    }

/* end create-file-dialog and create-folder-dialog */

/* add-to-album-dialog */

    .mega-dialog.add-to-album-dialog {
        width: 420px;
    }
    .add-to-album-dialog .icon-album {
        --mask-color: var(--surface-mid-grey);
    }

/* end add-to-album-dialog */

/* fm-picker-dialog */

    .mega-dialog.fm-picker-dialog.arrange-to-back {
        z-index: 500;
    }
    .mega-dialog.fm-picker-dialog .fm-picker-breadcrumbs {
        white-space: nowrap;
        width: 100%;
        max-width: 100%;
        overflow: hidden;
        height: 24px;
        display: flex;
        align-items: center;
        --mask-color: var(--mobile-icon-primary);
    }
    .mega-dialog.fm-picker-dialog .fm-breadcrumbs-block {
        transition: unset;
    }
    .mega-dialog.fm-picker-dialog .breadcrumb-dropdown.active {
        left: 4px;
        border: 1px solid var(--mobile-border-strong);
        border-radius: 16px;
        min-width: 280px;
        padding: 16px;
    }
    .mega-dialog.fm-picker-dialog .breadcrumb-dropdown.active a {
        color: var(--mobile-text-primary);
        cursor: default;
        font: var(--mobile-font-copy-regular);
        height: 40px;
        opacity: 1;
    }
    .mega-dialog.fm-picker-dialog .breadcrumb-dropdown.active a:hover,
    .mega-dialog.fm-picker-dialog .breadcrumb-dropdown.active a:active {
        background: transparent;
    }
    .rtl .mega-dialog.fm-picker-dialog .breadcrumb-dropdown.active {
        left: auto;
        right: 4px;
    }
    .mega-dialog.fm-picker-dialog .fm-breadcrumbs {
        cursor: default;
        height: 32px;
        text-decoration: none;
        color: var(--mobile-text-primary);
        font: var(--mobile-font-caption-large-regular);
        min-width: 42px;
    }
    .mega-dialog.fm-picker-dialog .fm-picker-breadcrumbs .crumb-overflow-link {
        color: var(--mobile-text-primary);
        font: var(--mobile-font-caption-large-regular);
        background: transparent;
        padding: 0;
    }
    .mega-dialog.fm-picker-dialog .fm-picker-breadcrumbs .crumb-overflow-link .breadcrumb-dropdown-link {
        display: flex;
        align-items: center;
    }
    .mega-dialog.fm-picker-dialog .fm-picker-breadcrumbs .crumb-overflow-link i {
        margin: 0;
        --mask-color: var(--mobile-icon-primary);
    }
    .mega-dialog.fm-picker-dialog .fm-picker-breadcrumbs .right-arrow-bg {
        font: var(--mobile-text-primary);
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0;
    }
    .mega-dialog.fm-picker-dialog .fm-picker-breadcrumbs i.icon-chevron-right-thin-outline {
        margin: 0 4px;
        --mask-color: var(--mobile-icon-primary);
    }
    .mega-dialog.fm-picker-dialog .fm-picker-breadcrumbs button.crumb-clear-sel {
        background: transparent;
        border-radius: 4px;
        cursor: pointer;
        padding: 4px;
        --icon-size: 16px;
        --mask-color: var(--mobile-icon-primary);
    }
    .mega-dialog.fm-picker-dialog .fm-picker-breadcrumbs button.crumb-clear-sel:hover {
        background: var(--mobile-button-secondary-hover);
    }
    .mega-dialog.fm-picker-dialog .fm-picker-breadcrumbs button.crumb-clear-sel:active {
        background: var(--mobile-button-secondary-pressed);
    }
    .mega-dialog.fm-picker-dialog .summary-input .item-row span {
        left: 0;
        height: 32px;
        max-width: 300px;
        line-height: 31px;
        position: relative;
        white-space: nowrap;
        vertical-align: top;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .rtl .mega-dialog.fm-picker-dialog .summary-input .item-row span {
        left: auto;
        right: 0;
    }
    .mega-dialog.fm-picker-dialog .summary-input .link-row .link-row-block {
        left: 0;
        display: inline-block;
        max-width: 412px;
        color: var(--text-color-high);
    }
    .rtl .mega-dialog.fm-picker-dialog .summary-input .link-row .link-row-block {
        left: auto;
        right: 0;
    }
    .mega-dialog.fm-picker-dialog .folder-container .dialog-tree-panel-scroll {
        box-sizing: border-box;
        overflow: hidden;
        position: relative;
    }
    .mega-dialog.fm-picker-dialog .folder-container .dialog-tree-panel-scroll span:not(.avatar-txt) {
        font: var(--mobile-font-caption-large-regular);
        color: var(--mobile-text-primary);
        line-height: 24px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .mega-dialog.fm-picker-dialog .folder-container .shared-with-me .user-card-name,
    .mega-dialog.fm-picker-dialog .folder-container .quick-access .user-card-name {
        line-height: 24px;
        margin-inline-start: 12px;
    }
    .mega-dialog.fm-picker-dialog .folder-container .shared-with-me .disabled .avatar,
    .mega-dialog.fm-picker-dialog .folder-container .quick-access .disabled .avatar {
        opacity: 0.5;
    }
    .mega-dialog.fm-picker-dialog .folder-container .shared-with-me .mega-node.user,
    .mega-dialog.fm-picker-dialog .folder-container .quick-access .mega-node.user {
        display: flex;
        overflow: hidden;
        width: 224px;
    }
    .mega-dialog.fm-picker-dialog .folder-container .shared-with-me .avatar span,
    .mega-dialog.fm-picker-dialog .folder-container .quick-access .avatar span{
        color: white;
    }
    .mega-dialog.fm-picker-dialog .folder-container .dialog-tree-panel-scroll ul {
        padding: 0;
    }
    .mega-dialog.fm-picker-dialog .folder-container .dialog-tree-panel-scroll li {
        border-top: var(--mobile-border-subtle) 1px solid;
    }
    .mega-dialog.fm-picker-dialog .folder-container .dialog-tree-panel-scroll.conversations li {
        border-top: none;
        border-bottom: var(--mobile-border-subtle) 1px solid;
    }
    .mega-dialog.fm-picker-dialog .folder-container .dialog-tree-panel-scroll li > span {
        --mask-color: var(--mobile-icon-primary);
    }
    .mega-dialog.fm-picker-dialog .folder-container .dialog-tree-panel-scroll li > span.nw-fm-tree-item {
        position: relative;
        display: flex;
        align-items: center;
        height: 32px;
        border-radius: 0;
    }
    .mega-dialog.fm-picker-dialog .folder-container .dialog-tree-panel-scroll .nw-fm-tree-item.contains-folders.expanded .nw-fm-tree-arrow {
        transform: unset;
    }
    .mega-dialog.fm-picker-dialog .nw-fm-tree-folder,
    .mega-dialog.fm-picker-dialog .nw-fm-tree-icon-wrap {
        padding-inline-start: 36px;
        flex: 1;
        margin-inline-start: 20px;
        margin-inline-end: 12px;
        width: 100%;
    }
    .mega-dialog.fm-picker-dialog .nw-fm-tree-item .nw-fm-tree-arrow {
        display: block;
        margin-inline-start: 20px;
        position: static;
        opacity: 0;
    }
    .mega-dialog.fm-picker-dialog.no-left .nw-fm-tree-item .nw-fm-tree-arrow {
        margin-inline-start: 36px;
    }
    .mega-dialog.fm-picker-dialog .nw-fm-tree-item.contains-folders .nw-fm-tree-arrow {
        opacity: 1;
        --mask-color: var(--mobile-icon-primary);
    }
    .mega-dialog.fm-picker-dialog .nw-fm-tree-item.disabled .nw-fm-tree-arrow,
    .mega-dialog.fm-picker-dialog .nw-fm-tree-item.expandable .nw-fm-tree-arrow {
        --mask-color: var(--mobile-icon-disabled);
    }
    .mega-dialog.fm-picker-dialog .nw-fm-tree-item:hover,
    .mega-dialog.fm-picker-dialog .nw-fm-tree-item.dragover,
    .mega-dialog.fm-picker-dialog .nw-contact-item:hover {
        background: var(--mobile-surface-1);
    }
    .mega-dialog.fm-picker-dialog .nw-fm-tree-item.selected,
    .mega-dialog.fm-picker-dialog .nw-contact-item.selected {
        background: var(--mobile-surface-2);
    }
    .mega-dialog.fm-picker-dialog .dialog-tree-panel-scroll ul .nw-fm-tree-item.selected,
    .mega-dialog.fm-picker-dialog .dialog-tree-panel-scroll ul .nw-contact-item.selected,
    .mega-dialog.fm-picker-dialog .dialog-empty-block ul .note-chat-item .nw-contact-item.selected {
        border-left: var(--mobile-border-brand) 4px solid;
    }
    .rtl .mega-dialog.fm-picker-dialog .dialog-tree-panel-scroll ul .nw-fm-tree-item.selected,
    .rtl .mega-dialog.fm-picker-dialog .dialog-tree-panel-scroll ul .nw-contact-item.selected,
    .rtl .mega-dialog.fm-picker-dialog .dialog-empty-block ul .note-chat-item .nw-contact-item.selected {
        border-left: transparent;
        border-right: var(--mobile-border-brand) 4px solid;
    }
    .mega-dialog.fm-picker-dialog .nw-fm-tree-item.disabled .nw-fm-tree-folder,
    .mega-dialog.fm-picker-dialog .nw-fm-tree-item.expandable .nw-fm-tree-folder {
        opacity: 0.5;
    }
    .mega-dialog.fm-picker-dialog .nw-fm-tree-item.linked {
        position: relative;
    }
    .mega-dialog.fm-picker-dialog .nw-fm-tree-item .colour-label-ind {
        margin: 0 4px;
    }
    .mega-dialog.fm-picker-dialog .nw-fm-tree-item.linked .colour-label-ind {
        margin-inline-end: 8px;
    }
    .mega-dialog.fm-picker-dialog .nw-fm-tree-item .nw-fm-tree-iconwrap {
        display: flex;
        align-items: center;
    }
    .mega-dialog.fm-picker-dialog .nw-fm-tree-item .file-status-ico {
        opacity: 0;
        --icon-size: 16px;
        --mask-color: var(--mobile-icon-primary);
    }
    .mega-dialog.fm-picker-dialog .nw-fm-tree-item.disabled .file-status-ico,
    .mega-dialog.fm-picker-dialog .nw-fm-tree-item.expandable .file-status-ico{
        --mask-color: var(--mobile-icon-disabled);
    }
    .mega-dialog.fm-picker-dialog .nw-fm-tree-item.linked .file-status-ico {
        opacity: 1;
    }
    .mega-dialog.fm-picker-dialog .nw-fm-tree-item .file-status-ico::before {
        font-size: 16px;
        --icon-size: 16px;
    }
    .mega-dialog.fm-picker-dialog .summary-input #f-name-input {
        border: none;
        width: 365px;
        max-width: 365px;
        box-sizing: border-box;
        font: var(--text-body1);
        color: var(--text-color-medium);
        padding: 0 8px 0 40px;
        margin: 0;
        background-color: transparent;
    }
    .mega-dialog.fm-picker-dialog .dialog-tree-panel-scroll .chat-separator {
        align-items: center;
        display: flex;
        height: 48px;
        padding: 0 24px;
    }
    .mega-dialog.fm-picker-dialog .nw-contact-item {
        display: flex;
        align-items: center;
        height: 48px;
        border-radius: 0;
        padding: 4px 0;
        padding-inline-start: 20px;
        padding-inline-end: 36px;
        margin-top: 1px;
        margin-bottom: 1px;
        border-left: transparent 4px solid;
        --icon-size: 16px;
    }
    .rtl .mega-dialog.fm-picker-dialog .nw-contact-item {
        border-left: unset;
        border-right: transparent 4px solid;
    }
    .mega-dialog.fm-picker-dialog .nw-contact-item .overlapped-avatar {
        padding-inline: 6px;
    }
    .mega-dialog.fm-picker-dialog .nw-contact-item .overlapped-avatar.multi {
        padding-inline: 0;
    }
    .mega-dialog.fm-picker-dialog .nw-contact-item .overlapped-avatar.multi > div:first-of-type {
        height: 12px;
        overflow: visible;
        width: 18px;
    }
    .mega-dialog.fm-picker-dialog .nw-contact-item .overlapped-avatar.multi > div:last-of-type {
        margin-inline-start: 12px;
    }
    .mega-dialog.fm-picker-dialog .nw-contact-item .meeting-icon {
        background: linear-gradient(225deg, #00BDB2 0%, #00897B 100%);
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 24px;
        width: 24px;
        --mask-color: var(--mobile-text-inverse);
    }
    .mega-dialog.fm-picker-dialog .nw-contact-item .nw-contact-name {
        margin-inline: 12px;
    }
    .mega-dialog.fm-picker-dialog .nw-contact-item .nw-contact-group {
        width: 280px;
    }
    .mega-dialog.fm-picker-dialog .dialog-tree-panel-scroll .note-chat-item span.note-chat-label {
        font: var(--mobile-font-caption-large-bold);
    }
    .mega-dialog.fm-picker-dialog .note-chat-item .nw-note-signifier i {
        --icon-size: 24px;
    }
    .mega-dialog.fm-picker-dialog .nw-contact-item .group-chat-icon i {
        border-radius: 100%;
        --icon-size: 24px;
    }
    .mega-dialog.fm-picker-dialog .share-dialog-permissions {
        padding: 0 12px;
        line-height: 34px;
        height: 36px;
        border: 1px solid var(--stroke-grey-2);
        background: var(--surface-grey-1);
        border-radius: 4px;
        display: flex;
        align-items: center;
        cursor: pointer;
    }
    .mega-dialog.fm-picker-dialog .share-dialog-permissions i {
        display: none;
        --icon-size: 24px;
        margin-inline-end: 8px;
        --mask-color: var(--text-color-medium);
    }
    .mega-dialog.fm-picker-dialog .share-dialog-permissions.read-only i.read-only,
    .mega-dialog.fm-picker-dialog .share-dialog-permissions.read-and-write i.read-and-write,
    .mega-dialog.fm-picker-dialog .share-dialog-permissions.full-access i.full-access {
        display: block;
    }
    .mega-dialog.fm-picker-dialog .share-dialog-permissions i.down-arrow {
        display: block;
        margin-inline-start: 8px;
        margin-inline-end: 0;
    }

.mega-dialog.fm-picker-dialog {
    background: var(--mobile-page-background);
    height: 720px;
    width: 900px;
    max-width: 900px;
    display: grid;
    grid-template-columns: 248px auto;
    transition: 200ms ease-in-out;
    --mask-color: var(--mobile-icon-primary);
}
.mega-dialog.fm-picker-dialog.no-left {
    grid-template-columns: 100%;
}
.mega-dialog.fm-picker-dialog.no-left section.left-panel {
    display: none;
}
.mega-dialog.fm-picker-dialog section {
    background: var(--mobile-page-background);
}
.mega-dialog.fm-picker-dialog section.content {
    border-radius: 0 16px 16px 0;
    max-width: 652px;
}
.mega-dialog.fm-picker-dialog.no-left section.content {
    max-width: 100%;
    border-radius: 16px;
}
.rtl .mega-dialog.fm-picker-dialog section.content {
    border-radius: 16px 0 0 16px;
}
.mega-dialog.fm-picker-dialog .content-block {
    background: var(--mobile-page-background);
}
.mega-dialog.fm-picker-dialog .left-panel {
    background: var(--mobile-surface-2);
    padding-top: 40px;
    width: 248px;
    border-radius: 16px 0 0 16px;
}
.rtl .mega-dialog.fm-picker-dialog .left-panel {
    border-radius: 0 16px 16px 0;
}
.mega-dialog.fm-picker-dialog .left-panel .fm-picker-dialog-tree-panel {
    box-sizing: border-box;
    min-width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
}
.mega-dialog.fm-picker-dialog .left-panel .menu-item {
    padding: 16px 24px;
    color: var(--mobile-text-primary);
    cursor: pointer;
}
.mega-dialog.fm-picker-dialog .left-panel .menu-item.active {
    border-inline-start: 4px solid var(--mobile-border-brand);
    padding-inline-start: 20px;
    background: var(--mobile-page-background);
}
.mega-dialog.fm-picker-dialog .left-panel .menu-item:not(.active):hover {
    background: var(--mobile-surface-1);
}
.mega-dialog.fm-picker-dialog .left-panel .menu-item.nav-elem.full-width > *:not(:last-child) {
    margin-inline-end: 16px;
}
.mega-dialog.fm-picker-dialog .left-panel .text-box-wrapper {
    overflow: hidden;
    transition: 200ms ease-in-out;
    width: 100%;
    text-align: start;
    white-space: nowrap;
}
.mega-dialog.fm-picker-dialog .left-panel .text-box-wrapper span.primary-text {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}
.mega-dialog.fm-picker-dialog .left-panel .fm-picker-notagain {
    margin-top: auto;
    padding: 24px;
}
.mega-dialog.fm-picker-dialog .fm-picker-notagain .checkbox-wrapper {
    margin-inline-end: 8px;
    height: 20px;
    width: 20px;
    --icon-size: 18px;
    --mask-color: var(--mobile-text-inverse);
}
.mega-dialog.fm-picker-dialog .content .fm-picker-notagain {
    display: none;
    border-top: 1px solid var(--mobile-border-subtle);
    margin-top: -16px;
    padding: 12px 24px;
    width: 100%;
}
.dark-direct-tooltip.simpletip-tooltip.picker-dialog-simpletip {
    display: none;
}
.picker-dialog-simpletip i {
    display: none;
}

.fm-picker-dialog .content-block.header {
    padding: 40px 40px 12px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 1;
    border-radius: 0 16px 0 0;
}
.rtl .fm-picker-dialog .content-block.header {
    border-radius: 16px 0 0;
    padding: 40px 24px 12px 40px;
}
.fm-picker-dialog.no-left .content-block.header,
.rtl .fm-picker-dialog.no-left .content-block.header {
    border-radius: 16px 16px 0 0;
}
.fm-picker-dialog.no-left .content-block.header {
    padding: 40px 40px 12px;
}
.fm-picker-dialog .content-block.header h2 {
    color: var(--mobile-text-primary);
    flex: 1;
    font: var(--mobile-font-heading-h2);
    margin-inline-end: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.fm-picker-dialog .content-block.header .search-bar,
.fm-picker-dialog .content-block.sort .search-collapse-bar {
    height: 40px;
    flex: 0 0 248px;
}
.fm-picker-dialog .content-block.header .search-bar input,
.fm-picker-dialog .content-block.sort .search-collapse-bar input {
    height: 38px;
}
.fm-picker-dialog .content-block.header .search-bar input:focus::placeholder {
    color: transparent;
}
.fm-picker-dialog .content-block.header .search-bar.save-input {
    flex-wrap: wrap;
    flex: 1;
}
.fm-picker-dialog .content-block.header h2.save-as {
    flex: 0;
    min-width: fit-content;
    margin-inline-end: 24px;
}
.fm-picker-dialog .content-block.header .save-input-error,
.fm-picker-dialog .summary-container .summary-error {
    display: flex;
    align-items: center;
    color: var(--mobile-text-error);
    width: 100%;
    --mask-color: var(--mobile-text-error);
}
.fm-picker-dialog .summary-container .summary-error {
    margin-top: 8px;
}
.fm-picker-dialog .content-block.header .save-input-error .error-text,
.fm-picker-dialog .summary-container .error-text {
    margin-inline-start: 8px;
}
.fm-picker-dialog .content-block.sort .search-collapse-bar {
    margin-inline: auto 24px;
    transition: width 200ms ease-in-out, max-width 200ms ease-in-out;
    width: 248px;
}
.fm-picker-dialog .content-block.sort .search-collapse-bar i {
    cursor: pointer;
}
.fm-picker-dialog .content-block.sort .search-collapse-bar.collapsed {
    border: none;
    max-width: 24px;
    width: 24px;
    min-width: 24px;
}
.fm-picker-dialog .content-block.sort .search-collapse-bar.collapsed input {
    padding: 0;
    margin: 0;
    max-width: 0;
    width: 0;
}
.fm-picker-dialog .content-block.sort .search-collapse-bar.collapsed .search-icon-collapse {
    display: none;
}
.fm-picker-dialog .content-block.sort {
    display: flex;
    align-items: center;
    padding: 0 24px;
}
.fm-picker-dialog.no-left .content-block.sort {
    padding: 0 40px;
}
.fm-picker-dialog .content-block.sort .sort-height {
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    padding: 20px 8px;
}
.fm-picker-dialog .content-block.sort .fm-picker-dialog-panel-arrows {
    cursor: pointer;
    height: 16px;
    width: 16px;
    margin-inline-end: 8px;
    --icon-size: 16px;
    --mask-color: var(--mobile-icon-secondary);
}
.fm-picker-dialog .content-block.sort .item-names {
    cursor: pointer;
    color: var(--mobile-text-secondary);
    font: var(--mobile-font-caption-small-regular);
}
.fm-picker-dialog .content-block.sort .sort-height:not(.no-sort):hover {
    background: var(--mobile-button-outline-background-hover);
}
.fm-picker-dialog .content-block.sort .sort-height:not(.no-sort):hover .item-names {
    color: var(--mobile-text-primary);
    font: var(--mobile-font-caption-small-bold);
}
.fm-picker-dialog .content-block.sort .sort-height:hover .fm-picker-dialog-panel-arrows {
    --mask-color: var(--mobile-icon-primary);
}
.fm-picker-dialog .content-block.sort .sort-height.no-sort .fm-picker-dialog-panel-arrows {
    display: none;
}
.fm-picker-dialog .content-block.sort .sort-height.no-sort,
.fm-picker-dialog .content-block.sort .sort-height.no-sort .item-names {
    cursor: default;
}
.fm-picker-dialog .content-block.folder-container {
    padding: 0;
    flex: 1;
    overflow: hidden;
    border-bottom: var(--mobile-border-subtle) 1px solid;
}
.fm-picker-dialog .content-block.folder-container .dialog-empty-block {
    height: 100%;
}
.fm-picker-dialog .content-block.folder-container .dialog-empty-block.conversations {
    flex-wrap: wrap;
}
.fm-picker-dialog .content-block.folder-container .dialog-empty-block.conversations ul {
    align-self: flex-start;
    border-top: var(--mobile-border-subtle) 1px solid;
    border-bottom: var(--mobile-border-subtle) 1px solid;
    margin: 0;
    padding: 0;
    width: 100%;
}
.fm-picker-dialog .content-block.folder-container .dialog-empty-block.conversations li {
    list-style-type: none;
}
.fm-picker-dialog .content-block.folder-container .dialog-empty-block.conversations .nw-contact-item {
    padding-inline-start: 14px;
}
.fm-picker-dialog .content-block.folder-container .dialog-empty-block.conversations .nw-note-name {
    color: var(--mobile-text-primary);
    font: var(--mobile-font-caption-large-bold);
    text-align: start;
}
.fm-picker-dialog .content-block.folder-container .dialog-empty-block.conversations .note-chat-icon {
    --mask-color: var(--mobile-text-primary);
}
.fm-picker-dialog .content-block.folder-container .dialog-empty-block .image {
    height: 120px;
    margin-inline: auto;
    width: 120px;
}
.fm-picker-dialog .content-block.folder-container .dialog-empty-block .image i {
    background-size: contain;
    width: 120px;
    height: 120px;
}
.fm-picker-dialog .content-block.folder-container .dialog-empty-block.cloud-drive i.glass-cloud-circle {
    background-image: url("../images/mega/glass/glass-cloud-circle.png");
}
.fm-picker-dialog .content-block.folder-container .dialog-empty-block.shared-with-me i.glass-shared-folder {
    background-image: url("../images/mega/glass/glass-folder-share.png");
}
.fm-picker-dialog .content-block.folder-container .dialog-empty-block.s4 i.glass-object-bucket {
    background-image: url("../images/mega/glass/glass-bucket-objects.png");
}
.fm-picker-dialog .content-block.folder-container .dialog-empty-block.search i.glass-details {
    background-image: url("../images/mega/glass/glass-details.png");
}
.fm-picker-dialog .content-block.folder-container .dialog-empty-block.conversations i.glass-contact {
    background-image: url("../images/mega/glass/glass-contacts.png");
}
.fm-picker-dialog .content-block.folder-container .dialog-empty-block.send-to-meeting i.glass-meetings {
    background-image: url("../images/mega/glass/glass-video.png");
}
.fm-picker-dialog .content-block.folder-container .dialog-empty-block.quick-access i.glass-clock {
    background-image: url("../images/mega/glass/glass-clock.png");
}
.fm-picker-dialog .content-block.folder-container .dialog-empty-block .title {
    margin: 24px 0 8px;
    padding: 4px 0;
}
.fm-picker-dialog .content-block.folder-container .dialog-empty-block h1 {
    color: var(--mobile-text-primary);
    font: var(--mobile-font-heading-h1);
    margin: 0;
}
.fm-picker-dialog .content-block.folder-container .dialog-empty-block .subtitle {
    color: var(--mobile-text-secondary);
    font: var(--mobile-font-copy-regular);
    max-width: 434px;
}
.fm-picker-dialog .content-block.folder-container .dialog-tree-panel-scroll {
    height: 100%;
    min-width: 100%;
}

.fm-picker-dialog .content-block.summary-container {
    margin: 24px 40px 16px 24px;
    padding: 0;
}
.rtl .fm-picker-dialog .content-block.summary-container {
    margin: 24px 24px 16px 40px;
}
.fm-picker-dialog.no-left .content-block.summary-container {
    margin-inline: 40px;
}
.fm-picker-dialog .content-block.summary-container .summary-row {
    background: var(--mobile-surface-1);
    border-radius: 8px;
    padding: 12px;
}
.fm-picker-dialog .content-block.summary-container .summary-item {
    color: var(--mobile-text-primary);
    display: flex;
    align-items: center;
    width: 100%;
}
.fm-picker-dialog .content-block.summary-container .summary-title {
    font: var(--mobile-font-caption-large-bold);
}
.fm-picker-dialog .content-block.summary-container .summary-input {
    position: relative;
    margin-top: 8px;
}
.fm-picker-dialog .content-block.summary-container .summary-instructions {
    margin-top: 8px;
}
.fm-picker-dialog .content-block.summary-container .summary-instructions * {
    color: var(--mobile-text-secondary);
    font: var(--mobile-font-caption-small-regular);
}
.fm-picker-dialog .content-block.summary-container .summary-instructions i {
    margin-inline-end: 8px;
}
.fm-picker-dialog .content-block.summary-container .summary-conversations .summary-row {
    padding: 7px 12px;
}
.fm-picker-dialog .content-block.summary-container .summary-conversations .summary-instructions {
    margin: 0;
}
.fm-picker-dialog .content-block.summary-container .summary-conversations .summary-input {
    overflow: hidden;
}
.fm-picker-dialog .content-block.summary-container .chat-chip {
    display: flex;
    align-items: center;
    height: 28px;
    padding-inline: 12px;
    margin-inline-end: 12px;
    border-radius: 16px;
    background: var(--mobile-button-secondary);
    color: var(--mobile-text-primary);
    border: none;
    outline: none;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
}
.fm-picker-dialog .content-block.summary-container .chat-chip:hover {
    background: var(--mobile-button-secondary-hover);
}
.fm-picker-dialog .content-block.summary-container .chat-chip .chat-icon-wrap:not(.avatar-wrap) {
    height: 16px;
    width: 16px;
    --icon-size: 16px;
}
.fm-picker-dialog .content-block.summary-container .chat-chip .chat-icon-wrap .meeting-icon {
    background: linear-gradient(225deg, #00BDB2 0%, #00897B 100%);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 16px;
    width: 16px;
    --mask-color: var(--mobile-text-inverse);
    --icon-size: 12px;
}
.fm-picker-dialog .content-block.summary-container .chat-chip .chat-icon-wrap .group-chat-icon i {
    border-radius: 100%;
}
.fm-picker-dialog .content-block.summary-container .chat-chip .chat-name {
    align-items: center;
    margin: 0 4px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.fm-picker-dialog .content-block.summary-container .chat-chip .action {
    cursor: pointer;
}
.mega-component.menu-container.picker-dropdown {
    z-index: 1300;
}
.mega-component.menu-container.picker-chat-items .content.fm-scrolling {
    max-height: 280px;
    overflow-y: visible;
}
.picker-dropdown .picker-list-wrap {
    display: flex;
    flex-direction: column;
    padding: 4px 16px;
    max-width: 280px;
}
.picker-dropdown .picker-list-wrap .chat-item-row,
.picker-dropdown .picker-list-wrap .option {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 8px 0;
    height: 40px;
    width: 100%;
}
.picker-chat-items .picker-list-wrap .chat-item-row .chat-icon-wrap .meeting-icon {
    background: linear-gradient(225deg, #00BDB2 0%, #00897B 100%);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    width: 24px;
    --mask-color: var(--mobile-text-inverse);
    --icon-size: 20px;
}
.picker-chat-items .picker-list-wrap .chat-item-row .chat-icon-wrap .group-chat-icon i {
    border-radius: 100%;
    --icon-size: 24px;
}
.picker-chat-items .picker-list-wrap .chat-item-row .chat-name {
    margin: 0 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.picker-chat-items .picker-list-wrap .chat-item-row button {
    background: transparent;
    color: var(--mobile-icon-primary);
    cursor: pointer;
    height: 24px;
    margin-inline-start: auto;
    padding: 4px;
    width: 24px;
    --icon-size: 16px;
}
.picker-chat-items .picker-list-wrap .chat-item-row button:hover,
.picker-chat-items .picker-list-wrap .chat-item-row button:active {
    background: var(--mobile-button-disabled);
}
.picker-dropdown .picker-list-wrap .option {
    cursor: pointer;
    padding: 8px;
}
.picker-dropdown .picker-list-wrap .option:hover {
    background: var(--mobile-surface-1);
    border-radius: 8px;
}
.picker-list-wrap .option i {
    --icon-size: 24px;
}
.picker-list-wrap .option span {
    margin-inline: 8px auto;
}
.picker-list-wrap .option i.checked {
    --mask-color: var(--mobile-icon-secondary);
}

.fm-picker-dialog .content-block.footer-container {
    display: flex;
    align-items: center;
    padding: 0;
    margin-bottom: 40px;
    margin-inline: 24px 40px;
}
.fm-picker-dialog.no-left .content-block.footer-container {
    margin-inline: 40px;
}
.fm-picker-dialog .content-block.footer-container button {
    cursor: pointer;
}
.fm-picker-dialog .content-block.footer-container .select-wrapper {
    justify-self: flex-start;
    margin-inline-end: auto;
}
.fm-picker-dialog .content-block.footer-container .dialog-newfolder-button,
.fm-picker-dialog .content-block.footer-container .dialog-newgroup-button {
    padding: 0;
}
.fm-picker-dialog .content-block.footer-container .dialog-newfolder-button .primary-text,
.fm-picker-dialog .content-block.footer-container .dialog-newgroup-button .primary-text {
    font: var(--mobile-font-link-small-semibold);
    text-decoration: underline;
}
.fm-picker-dialog .content-block.summary-container.hidden + .footer-container {
    margin-top: 24px;
}
.fm-picker-dialog .content-block.footer-container .secondary {
    margin-inline: 12px;
}
.fm-picker-dialog .content-block.footer-container .permissions {
    border: var(--mobile-border-strong) 1px solid;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 10px 12px;
}
.fm-picker-dialog .content-block.footer-container .permissions span {
    color: var(--mobile-text-primary);
    margin: 0 8px;
    min-width: 96px;
}
.fm-picker-dialog .content-block.footer-container .permissions i {
    --icon-size: 20px;
    --mask-color: var(--mobile-icon-secondary);
}
.fm-picker-dialog .content-block.footer-container .permissions i.face-up {
    transform: rotate(180deg);
}

@media screen and (max-width: 920px) {
    .mega-dialog.fm-picker-dialog {
        width: 600px;
        grid-template-columns: 72px auto;
    }
    .mega-dialog.fm-picker-dialog section.content {
        max-width: 528px;
    }
    .mega-dialog.fm-picker-dialog.no-left section.content {
        max-width: 600px;
    }
    .mega-dialog.fm-picker-dialog.no-left {
        grid-template-columns: auto;
    }
    .mega-dialog.fm-picker-dialog .left-panel {
        width: 72px;
    }
    .mega-dialog.fm-picker-dialog .left-panel .text-box-wrapper {
        width: 0;
    }
    .dark-direct-tooltip.simpletip-tooltip.picker-dialog-simpletip {
        display: block;
    }
    .mega-dialog.fm-picker-dialog .fm-picker-notagain {
        display: none;
    }
    .mega-dialog.fm-picker-dialog .content .fm-picker-notagain {
        display: flex;
    }
}

/* end fm-picker-dialog */

/* avatar-dialog */

    .mega-dialog.avatar-dialog {
        min-width: 404px;
        overflow: hidden;
    }
    .mega-dialog.avatar-dialog .avatar-body {
        padding: 0;
    }
    .mega-dialog.avatar-dialog .image-upload-and-crop-container.filereader-unsupported .description.fallback {
        display: block;
    }
    .mega-dialog.avatar-dialog .image-upload-and-crop-container.filereader-unsupported .description {
        display: none;
    }
    .mega-dialog.avatar-dialog .image-upload-and-crop-container .description.fallback {
        display: none;
    }
    .mega-dialog.avatar-dialog .image-upload-and-crop-container form.aui {
        margin: 20px auto 0;
    }
    .mega-dialog.avatar-dialog .image-upload-and-crop-container form.aui .spinner {
        width: 30px;
        height: 30px;
        float: left;
        margin-left: -30px;
    }
    .mega-dialog.avatar-dialog .image-upload-and-crop-container .image-upload-field {
        display: none;
    }
    .mega-dialog.avatar-dialog .image-upload-and-crop-container .image-upload-field[disabled] + .image-upload-field-replacement {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }
    .mega-dialog.avatar-dialog .image-upload-and-crop-container .image-upload-field[disabled] + .image-upload-field-replacement:hover {
        border-color: #CCC;
    }
    .mega-dialog.avatar-dialog .image-upload-and-crop-container .image-upload-field[disabled] + .image-upload-field-replacement:active {
        box-shadow: none;
    }
    .mega-dialog.avatar-dialog .image-upload-and-crop-container .image-explorer-container {
        margin: 0 auto;
    }
    .mega-dialog.avatar-dialog .image-upload-and-crop-container .select-avatar {
        margin-left: 12px;
    }
    .mega-dialog.avatar-dialog .image-upload-and-crop-container .cancel-avatar {
        margin-left: 0;
    }
    .mega-dialog.avatar-dialog .image-explorer-container {
        width: 400px;
        height: 447px;
    }
    .mega-dialog.avatar-dialog .image-explorer-container.empty .image-explorer-image-view {
        margin: 0;
        line-height: 28px;
    }
    .mega-dialog.avatar-dialog .image-explorer-container.empty .image-explorer-image-view[data-upload-prompt]::after {
        border-radius: 3px;
        background-clip: padding-box;
        box-sizing: border-box;
        content: attr(data-upload-prompt);
        color: #aaa;
        text-align: center;
        font-size: 21px;
        width: 60%;
        height: 100%;
        margin-left: -30%;
        padding: 48px 20px 0;
        position: absolute;
        top: 35%;
        left: 50%;
        background-size: 48px;
    }
    .mega-dialog.avatar-dialog .image-explorer-container.empty .image-explorer-image-view .image-explorer-source {
        display: none;
    }
    .mega-dialog.avatar-dialog .image-explorer-container.empty .image-explorer-image-view .image-explorer-mask {
        display: none;
    }
    .mega-dialog.avatar-dialog .image-explorer-container.empty .image-explorer-image-view .image-explorer-drag-delegate {
        cursor: default;
    }
    .mega-dialog.avatar-dialog .image-explorer-container.empty .zoom-slider-wrap {
        display: none;
    }
    .mega-dialog.avatar-dialog .image-explorer-container.error .image-explorer-image-view[data-upload-prompt]::after {
        display: none;
    }
    .mega-dialog.avatar-dialog .image-explorer-container .image-explorer-image-view {
        width: 400px;
        height: 400px;
        position: relative;
        overflow: hidden;
    }
    .mega-dialog.avatar-dialog .image-explorer-container .image-explorer-image-view.active-drop-target {
        border-color: #14892c;
    }
    .mega-dialog.avatar-dialog .image-explorer-container .image-explorer-image-view.active-drop-target[data-upload-prompt]::after {
        background-size: 48px;
        color: #14892c;
    }
    .mega-dialog.avatar-dialog .image-explorer-container .image-explorer-image-view .image-explorer-drag-delegate {
        width: 100%;
        height: 100%;
        position: absolute;
        cursor: move;
    }
    .mega-dialog.avatar-dialog .image-explorer-container .image-explorer-image-view .image-explorer-mask {
        box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -128px;
        margin-top: -128px;
    }
    .mega-dialog.avatar-dialog .image-explorer-container .image-explorer-image-view .image-explorer-mask.circle-mask {
        width: 260px;
        height: 260px;
        border-radius: 100%;
        background-clip: padding-box;
        box-sizing: border-box;
        border: 2px solid white;
        box-shadow: 0 0 0 1px rgba(0,0,0,0.15);
    }
    .mega-dialog.avatar-dialog .image-explorer-container .image-explorer-image-view .image-explorer-mask.square-mask {
        width: 256px;
        height: 256px;
    }
    .mega-dialog.avatar-dialog .image-explorer-container .image-explorer-image-view .image-explorer-mask.rounded-square-mask {
        width: 256px;
        height: 256px;
        border-radius: 5px;
        background-clip: padding-box;
    }
    .mega-dialog.avatar-dialog .image-explorer-container .image-explorer-image-view img {
        position: absolute;
        left: 50%;
        top: 50%;
    }
    .mega-dialog.avatar-dialog .image-explorer-container .image-explorer-image-view .aui-message {
        position: absolute;
        left: 50%;
        top: 50%;
        margin: 0;
        width: 280px;
        max-height: 280px;
        margin-left: -140px;
        z-index: 10;
        word-wrap: break-word;
    }
    .mega-dialog.avatar-dialog .image-explorer-container .image-explorer-image-view .aui-message.closeable {
        padding-right: 36px;
    }
    .mega-dialog.avatar-dialog .image-explorer-container .zoom-slider-wrap {
        display: flex;
        width: 300px;
        margin: 0 50px 0 50px;
        position: relative;
        height: 47px;
        line-height: 20px;
        padding-top: 11px;
        align-items: center;
        justify-content: center;
        flex: 1 1 auto;
    }
    .mega-dialog.avatar-dialog .image-explorer-container .zoom-out,
    .mega-dialog.avatar-dialog .image-explorer-container .zoom-in {
        --icon-size: 24px;
        top: 50%;
        margin: 6px 12px;
        cursor: pointer;
    }
    .mega-dialog.avatar-dialog .image-explorer-container .zoom-out {
        left: -32px;
    }
    .rtl .mega-dialog.avatar-dialog .image-explorer-container .zoom-out {
        right: -32px;
        left: auto;
    }
    .mega-dialog.avatar-dialog .image-explorer-container .zoom-in {
        right: -34px;
    }
    .rtl .mega-dialog.avatar-dialog .image-explorer-container .zoom-in {
        left: -34px;
        right: auto;
    }
    .mega-dialog.avatar-dialog .image-explorer-container .ui-slider.ui-widget-content,
    .mega-dialog.avatar-dialog .image-explorer-container .fd-slider {
        padding: 0;
        margin: 0;
        display: inline-block;
        width: 120px;
        vertical-align: middle;
        height:4px;
        background: var(--progress-bar-background);
        border-radius: 2px;
    }
    .mega-dialog.avatar-dialog .image-explorer-container .ui-slider-handle {
        background: var(--secondary-white);
        background-clip: padding-box;
        border: 1px solid var(--switch-handle-border);
        border-radius: 100%;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
        box-sizing: content-box;
        height: 16px;
        margin: 0;
        margin-inline-start: -8px;
        top: -7px;
        width: 16px;
    }
    .mega-dialog.avatar-dialog .image-explorer-container .ui-slider .ui-slider-range {
        background: var(--surface-main-inverted);
        height: 100%;
        opacity: 0.5;
    }
    .mega-dialog.avatar-dialog .image-explorer-container .image-explorer-scale-slider.fd-form-element-hidden,
    .mega-dialog.avatar-dialog .image-explorer-container .fd-slider.fd-form-element-hidden {
        display: none;
    }
    .mega-dialog.avatar-dialog .image-explorer-container .fd-slider .fd-slider-bar {
        left: 3px;
        right: 3px;
    }
    .mega-dialog.avatar-dialog .image-explorer-container .fd-slider .fd-slider-range {
        left: 4px;
    }
    .mega-dialog.avatar-dialog .avatar-footer {
        justify-content: space-between;
    }
    .mega-dialog.avatar-dialog .avatar-footer div {
        margin-inline-start: auto;
        display: flex;
    }
    .mega-dialog.avatar-dialog .avatar-footer label {
        margin-inline-end: 8px;
        cursor: pointer;
        display: block;
    }

/* end avatar-dialog */

/* fingerprint-dialog */

    .mega-dialog.fingerprint-dialog {
        width: 750px;
    }
    .mega-dialog.fingerprint-dialog .fingerprint-txt {
        color: var(--text-color-medium);
        text-transform: uppercase;
    }
    .mega-dialog.fingerprint-dialog .fingerprint-txt span {
        padding-left: 10px;
        display: inline-block;
        width: 42px;
        height: 19px;
        box-sizing: border-box;
    }
    .mega-dialog.fingerprint-dialog .fingerprint-txt span {
        padding: 0 5px;
        width: auto;
    }
    .mega-dialog.fingerprint-dialog .fingerprint-bott-txt {
        padding: 15px 24px;
    }
    .mega-dialog.fingerprint-dialog .fingerprint-mid-txt {
        padding: 4px;
        background: var(--banner-background-info);
        color: var(--banner-text-info);
        border: 1px solid var(--banner-border-info);
        border-radius: 4px;
    }
    .mega-dialog.fingerprint-dialog .fingerprint-bott-txt {
        background-color: transparent;
        padding: 15px 19px 0 0;
    }
    .mega-dialog.fingerprint-dialog .fingerprint-bott-txt .fingerprint-txt {
        padding: 0;
    }
    .mega-dialog.fingerprint-dialog .fingerprint-bott-header {
        padding: 0 5px 9px 5px;
        font-size: 14px;
    }
    .mega-dialog.fingerprint-dialog .fingerprint-mid-info {
        margin: 24px 0;
        display: flex;
    }
    .mega-dialog.fingerprint-dialog .fingerprint-avatar {
        display: flex;
        align-items: center;
    }
    .mega-dialog.fingerprint-dialog .fingerprint-avatar div {
        width: 64px;
        height: 64px;
    }
    .mega-dialog.fingerprint-dialog .fingerprint-avatar .avatar-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        font: var(--text-h1);
    }
    .mega-dialog.fingerprint-dialog .fingerprint-code {
        width: 270px;
        margin-left: auto;
        padding: 14px 18px 12px 18px;
        background: var(--surface-grey-1);
        border-radius: 8px;
        box-sizing: border-box;
    }
    .mega-dialog.fingerprint-dialog .fingerprint-code .contact-fingerprint-title {
        padding: 0 5px 17px 5px;
        height: auto;
    }
    .mega-dialog.fingerprint-dialog .fingerprint-contact-info {
        margin: 0 16px;
        padding: 21px 0 0 0;
        max-width: 240px;
    }
    .mega-dialog.fingerprint-dialog .fingerprint-contact-info .contact-details-user-name,
    .mega-dialog.fingerprint-dialog .fingerprint-contact-info .contact-details-email {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        float: none;
        padding-right: 0;
    }
    .mega-dialog.fingerprint-dialog .business-subuser-confirm {
        display: none;
    }
    .mega-dialog.fingerprint-dialog.admin-verify .business-subuser-confirm {
        background-image: url(../images/mega/fingerprint-icon.svg);
        background-repeat: no-repeat;
        background-position: center;
        width: 140px;
        height: 102px;
        display: block;
    }
    .mega-dialog.fingerprint-dialog.admin-verify header {
        align-content: center;
        justify-content: center;
        align-items: center;
        gap: 16px;
    }
    .mega-dialog.fingerprint-dialog.admin-verify header h2 {
        text-align: center;
    }
    .mega-dialog.fingerprint-dialog.admin-verify .content-block > p {
        text-align: center;
    }
    .mega-dialog.fingerprint-dialog.admin-verify footer button.dialog-skip-button {
        display: none;
    }
    .mega-dialog.fingerprint-dialog.admin-verify footer .footer-container {
        justify-content: center;
        align-items: center;
    }
    .mega-dialog.fingerprint-dialog.e-modal button.js-close,
    .mega-dialog.fingerprint-dialog.e-modal button.dialog-skip-button,
    .mega-dialog.fingerprint-dialog.admin-verify button.js-close,
    .mega-dialog.fingerprint-dialog.admin-verify button.dialog-skip-button {
        display: none;
    }

/* end fingerprint-dialog */

/* contact verification dialog */

.mega-dialog.mega-dialog.contact-verification-dialog .contact-verification-img {
    background: url('../images/mega/contact-verification.png') no-repeat;
    background-size: contain;
    height: 120px;
    width: 120px;
}

.mega-dialog.contact-verification-dialog:not(.dialog-template-message) > header .graphic {
    margin: unset;
}

.mega-dialog.contact-verification-dialog > header h2 {
    text-align: start;
}

.mega-dialog.contact-verification-dialog p {
    text-align: start;
}

.mega-dialog.dialog-template-graphic.contact-verification-dialog > footer .footer-container {
    justify-content: flex-end;
}

/* end of contact verification dialog */

/* loginrequired-dialog */

    .mega-dialog.loginrequired-dialog {
        width: 500px;
    }

/* end loginrequired-dialog */

/* properties-dialog */

    .mega-dialog.properties-dialog {
        width: 704px;
        min-height: 280px;
    }

    .rtl .mega-dialog.properties-dialog {
        direction: rtl;
    }

    .mega-dialog.properties-dialog header h2 {
        display: none;
        margin-top: 24px;
        padding-inline-start: 326px;
        text-align: start;
    }

    .mega-dialog.properties-dialog .avatar-wrapper {
        margin: 5px 0 0 5px;
    }
    .mega-dialog.properties-dialog .properties-body {
        min-height: 280px;
    }
    .mega-dialog.properties-dialog .properties-file-icon {
        height: 256px;
        width: 256px;
        position: absolute;
        top: 50%;
        margin-top: -128px;
        box-sizing: border-box;
        left: 12px;
    }
    .rtl .mega-dialog.properties-dialog .properties-file-icon {
        left: auto;
        right: 12px;
    }
    .mega-dialog.properties-dialog .properties-body::before {
        content: '';
        position: absolute;
        display: block;
        left: 0;
        top: 0;
        height: 100%;
        width: 280px;
        background: var(--surface-grey-1);
        border-radius: var(--border-radius) 0 0 var(--border-radius);
    }
    .rtl .mega-dialog.properties-dialog .properties-body::before {
        border-radius: 0 var(--border-radius) var(--border-radius) 0;
        left: auto;
        right: 0;
    }
    .mega-dialog.properties-dialog .properties-file-icon i {
        --icon-size: 210px;
        position: absolute;
        left: 0;
        margin: 23px;
        z-index: 3;
    }
    .rtl .mega-dialog.properties-dialog .properties-file-icon i {
        left: auto;
        right: 0;
    }
    .mega-dialog.properties-dialog.multiple .properties-file-icon i {
        top: -10px;
        left: -10px;
    }
    .mega-dialog.properties-dialog.multiple .properties-file-icon i:nth-child(2) {
        top: 0;
        left: 0;
        opacity: 0.5;
        z-index: 2;
    }
    .mega-dialog.properties-dialog.multiple .properties-file-icon i:nth-child(3) {
        top: 10px;
        left: 10px;
        transition: opacity 200ms ease-in-out;
        opacity: 0.2;
        z-index: 1;
    }
    .mega-dialog.properties-dialog.two-elements .properties-file-icon i {
        top: -5px;
        left: -5px;
    }
    .mega-dialog.properties-dialog.two-elements .properties-file-icon i:nth-child(2) {
        top: 5px;
        left: 5px;
        z-index: 1;
    }
    .rtl .mega-dialog.properties-dialog.multiple .properties-file-icon i {
        left: auto;
        right: -10px;
    }
    .rtl .mega-dialog.properties-dialog.multiple .properties-file-icon i:nth-child(2) {
        left: auto;
        right: 0;
    }
   .rtl .mega-dialog.properties-dialog.multiple .properties-file-icon i:nth-child(3) {
        left: auto;
        right: 10px;
    }
    .rtl .mega-dialog.properties-dialog.two-elements .properties-file-icon i {
        left: auto;
        right: -5px;
    }
    .rtl .mega-dialog.properties-dialog.two-elements .properties-file-icon i:nth-child(2) {
        left: auto;
        right: 5px;
    }
    .mega-dialog.properties-dialog .file-status-icon {
        left: 16px;
        top: 16px;
        --mask-color: var(--icon-rest);
        --icon-size: 20px;
    }
    .mega-dialog.properties-dialog .file-status-icon.icon-info{
        --mask-color: var(--secondary-orange);
    }
    .rtl .mega-dialog.properties-dialog .file-status-icon {
        left: auto;
        right: 16px;
    }
    .mega-dialog.properties-dialog .taken-down-icon {
        display: none;
    }
    .mega-dialog.properties-dialog.taken-down .taken-down-icon {
        display: block;
        left: 12px;
        top: 12px;
        --mask-color: var(--label-red);
        --icon-size: 24px;
        position: absolute;
    }
    .rtl .mega-dialog.properties-dialog.taken-down .taken-down-icon {
        left: auto;
        right: 12px;
    }
    .mega-dialog.properties-dialog.taken-down .file-status-icon {
        display: none;
    }
    .mega-dialog.properties-dialog .propreties-dark-txt.t7 {
        max-width: 150px;
        word-break: break-word;
    }
    .mega-dialog.properties-dialog .propreties-dark-txt.t7,
    .mega-dialog.properties-dialog .propreties-dark-txt.t11 {
        line-height: 22px;
    }
    .mega-dialog.properties-dialog.multiple .properties-float-bl.second span {
        display: none;
    }
    .mega-dialog.properties-dialog .properties-elements-counter {
        display: none;
        height: 40px;
        left: 203px;
        top: 24px;
        text-align: center;
        position: absolute;
        z-index: 10;
    }
    .rtl .mega-dialog.properties-dialog .properties-elements-counter {
        left: auto;
        right: 203px;
    }
    .mega-dialog.properties-dialog.folders-only .properties-elements-counter,
    .mega-dialog.properties-dialog.shared .properties-elements-counter,
    .mega-dialog.properties-dialog.shared-with-me .properties-elements-counter {
        top: 61px;
    }
    .mega-dialog.properties-dialog.multiple.folders-only .properties-elements-counter {
        top: 51px;
    }
    .mega-dialog.properties-dialog.multiple.folders-only.two-elements .properties-elements-counter {
        top: 56px;
    }
    .mega-dialog.properties-dialog.multiple .properties-elements-counter,
    .mega-dialog.properties-dialog.shared .properties-elements-counter,
    .mega-dialog.properties-dialog.shared-with-me .properties-elements-counter {
        display: block;
        position: absolute;
    }
    .mega-dialog.properties-dialog.shared .properties-elements-counter span {
        background: var(--surface-main-inverted);
        border: 2px solid var(--stroke-main);
        border-radius: 50%;
        color: var(--text-color-high-inverted);
        display: block;
        font: var(--text-h2);
        height: 36px;
        line-height: 32px;
        width: 36px;
    }
    .mega-dialog.properties-dialog .properties-elements-counter span,
    .mega-dialog.properties-dialog .multiple .properties-elements-counter span {
        display: inline-block;
        min-width: 32px;
        height: 32px;
        margin: 4px;
        box-sizing: border-box;
        text-align: center;
        line-height: 31px;
        color: white;
        border-radius: 40px;
        background-color: var(--label-red);
        padding: 0 3px;
        font-family: 'source_sans_prosemibold', Arial, sans-serif;
        font-size: 19px;
    }
    .mega-dialog.properties-dialog .properties-elements-counter i {
        display: none;
        --icon-size: 32px;
        --mask-color: white;
        position: absolute;
        top: 6px;
        left: 6px;
    }
    .mega-dialog.properties-dialog.shared-with-me.read-only .properties-elements-counter span {
        background: var(--label-blue);
    }
    .mega-dialog.properties-dialog.shared-with-me.read-only .properties-elements-counter i.read-only {
        display: block;
    }
    .mega-dialog.properties-dialog.shared-with-me.read-and-write .properties-elements-counter span {
        background: var(--label-orange);
    }
    .mega-dialog.properties-dialog.shared-with-me.read-and-write .properties-elements-counter i.read-and-write {
        display: block;
    }
    .mega-dialog.properties-dialog.shared-with-me.full-access .properties-elements-counter span {
        background: var(--label-green);
    }
    .mega-dialog.properties-dialog.shared-with-me.full-access .properties-elements-counter i.full-access {
        display: block;
    }
    .mega-dialog.properties-dialog .properties-txt-wrapper {
        display: table;
        table-layout: fixed;
        width: 100%;
    }
    .mega-dialog.properties-dialog .properties-txt-pad {
        display: table-cell;
        height: 280px;
        padding: 46px 46px 30px;
        padding-inline-start: 326px;
        box-sizing: border-box;
        vertical-align: middle;
    }
    .mega-dialog.properties-dialog .properties-txt-pad::after {
        content: '';
        display: block;
        clear: both;
    }
    .mega-dialog.properties-dialog .properties-items {
        display: flex;
        flex-wrap: wrap;
    }
    /* Temporarily hide the Total Size and Contains in the info/properties dialog */
    .mega-lite-mode .mega-dialog.properties-dialog.hide-size-and-contains .properties-total-size,
    .mega-lite-mode .mega-dialog.properties-dialog.hide-size-and-contains .properties-contains {
        display: none;
    }
    .mega-dialog.properties-dialog .properties-link-block {
        height: 70px;
        border-top: 2px solid #eeeeee;
        box-sizing: border-box;
        padding: 13px 10px 0;
        padding-inline-start: 20px;
    }
    .mega-dialog.properties-dialog .properties-shared-block {
        height: 100px;
        border-top: 2px solid #eeeeee;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 13px 10px 0;
        padding-inline-start: 20px;
        display: none;
    }
    .mega-dialog.properties-dialog.shared .properties-shared-block {
        display: block;
    }
    .mega-dialog.properties-dialog.no-link .properties-link-block {
        display: none;
    }
    .mega-dialog.properties-dialog .properties-file-lnk-pad {
        margin-inline-end: 90px;
    }
    .mega-dialog.properties-dialog .properties-file-txt {
        font-size: 14px;
        line-height: 21px;
        color: #999999;
        float: left;
    }
    .mega-dialog.properties-dialog .properties-file-link {
        font-size: 13px;
        line-height: 21px;
        color: #333333;
    }
    .mega-dialog.properties-dialog .properties-file-key {
        color: #999999;
        display: none;
    }
    .mega-dialog.properties-dialog.show-key .properties-file-key {
        display: inline;
    }

/* end properties-dialog */

/* add-user-dialog */

    .mega-dialog.add-user-popup {
        width: 640px;
    }
    .mega-dialog.add-user-popup .footer-container {
        flex-direction: column;
    }
    .mega-dialog.add-user-popup .footer-container button.add-user-popup-button {
        margin: 0 auto;
    }
    .mega-dialog.add-user-popup aside {
        text-align: start;
    }
    .mega-dialog.add-user-popup aside i {
        margin-inline-end: 4px;
        --icon-size: 24px;
        display: inline-block;
        vertical-align: middle;
    }
    .mega-dialog.add-user-popup aside span {
        vertical-align: middle;
    }
    .mega-dialog.add-user-popup.arrange-to-back {
        z-index: 900;
    }
    .dropdown.body.add-user-popup {
        max-width: 90%;
        z-index: 100;
        width: 640px !important;
    }
    .mega-dialog.add-user-popup .multiple-input i:not(.remove-item) {
        --icon-size: 24px;
        opacity: 0.74;
        position: absolute;
        margin-top: 7px;
        margin-inline-start: 10px;
        left: 0;
    }
    .rtl .mega-dialog.add-user-popup .multiple-input i:not(.remove-item) {
        left: auto;
        right: 0;
    }
    .mega-dialog.add-user-popup .img-dialogs-achievements {
        height: 56px;
        width: 56px;
        --width: 56px;
    }
    .mega-dialog.add-user-popup .hidden-achievement-cell {
        display: table-cell;
        vertical-align: middle;
    }
    .mega-dialog.add-user-popup .hidden-achievement-cell:first-child {
        width: 68px;
    }
    .mega-dialog.add-user-popup .hidden-achievement-cell .big-txt {
        font: var(--text-h3);
        color: var(--text-color-high);
    }
    .mega-dialog.add-user-popup .add-user-notification,
    .mega-dialog.add-user-popup.private .hidden-textarea-info {
        display: none;
    }
    .mega-dialog.add-user-popup.private .add-user-notification {
        display: block;
    }
    .mega-dialog.add-user-popup .hidden-achievement-info {
        display: table;
        margin-top: 24px;
    }
    .mega-dialog.add-user-popup .hidden-textarea-info {
        text-align: center;
        margin-top: 10px;
    }
    .mega-dialog.add-user-popup .hidden-textarea-info span {
        display: inline-block;
        padding: 0 10px;
        cursor: pointer;
    }
    .mega-dialog.add-user-popup .hidden-textarea-info span:hover {
        text-decoration: underline;
    }

/* end add-user-dialog */

/* payment-address-dialog */

    .mega-dialog.payment-address-dialog {
        width: 730px;
        max-height: 100vh;
    }
    .mega-dialog.payment-address-dialog header {
        align-items: center;
        flex-direction: row;
        justify-content: space-between;
        padding-top: 38px;
    }
    .mega-dialog.payment-address-dialog .mega-input {
        margin-top: 12px;
    }
    .mega-dialog.payment-address-dialog .content-block.address-block {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .mega-dialog.payment-address-dialog-body {
        padding: 30px 30px 10px;
    }
    .mega-dialog .content-block.payment-address-dialog-body {
        padding-bottom: 16px;
    }

    .mega-dialog.payment-address-dialog section {
        flex-shrink: unset;
    }

    .mega-dialog.payment-address-dialog .plan-icon {
        display: inline-block;
        vertical-align: middle;
    }
    .mega-dialog.payment-address-dialog .plan-icon.no-icon + .payment-plan-info {
        padding-inline-start: 0;
    }
    .mega-dialog.payment-address-dialog .plan-icon i {
        display: none;
        --icon-size: 60px;
    }
    .mega-dialog.payment-address-dialog .plan-icon.pro1 i.pro1,
    .mega-dialog.payment-address-dialog .plan-icon.pro2 i.pro2,
    .mega-dialog.payment-address-dialog .plan-icon.pro3 i.pro3,
    .mega-dialog.payment-address-dialog .plan-icon.pro4 i.pro4,
    .mega-dialog.payment-address-dialog .plan-icon.pro101 i.pro101,
    .mega-dialog.payment-address-dialog .plan-icon.business i.business,
    .mega-dialog.payment-address-dialog .plan-icon.feature i.feature {
        display: block;
    }
    .mega-dialog.payment-address-dialog .payment-plan-info {
        display: inline-block;
        vertical-align: middle;
        max-width: 485px;
    }
    .mega-dialog.payment-address-dialog .free-trial-subtitle {
        display: flex;
        width: max-content;
        border-radius: 3px;
        padding: 2px 8px;
        color: rgba(253, 62, 56, 1);
        outline: 1px solid;
    }
    .mega-dialog.payment-address-dialog .payment-form-header {
        margin-top: 20px;
        position: relative;
    }
    .mega-dialog.payment-address-dialog .payment-plan-title,
    .payment-address-dialog .payment-plan-price {
        font: var(--text-h1);
        color: var(--text-color-high);
    }
    .mega-dialog.payment-address-dialog .payment-icons {
        height: 40px;
        overflow: hidden;
        position: absolute;
        right: -5px;
        top: -15px;
        width: 96px;
    }
    .mega-dialog.payment-address-dialog .payment-icons .provider-icon {
        margin: 14px;
        position: absolute;
        right: -5px;
    }
    .rtl .mega-dialog.payment-address-dialog .payment-icons,
    .rtl .mega-dialog.payment-address-dialog .payment-icons .provider-icon {
        left: -5px;
        right: auto;
    }
    .mega-dialog.payment-address-dialog .payment-plan-price {
        margin-top: 6px;
    }
    .mega-dialog.payment-address-dialog .payment-half-block {
        box-sizing: border-box;
        padding-inline-end: 7px;
        width: 50%;
    }
    .mega-dialog.payment-address-dialog .payment-half-block.second {
        border: 0;
        padding-inline-end: 0;
        padding-inline-start: 7px;
        position: relative;
    }
    .mega-dialog.payment-address-dialog .payment-note-first {
        margin-top: 8px;
    }
    .mega-dialog.payment-address-dialog .payment-note-first b {
        color: var(--text-color-high);
        -webkit-touch-callout: text;
        -webkit-user-select: text;
        user-select: text;
    }
    .mega-dialog.payment-address-dialog .free-trial-info {
        font: var(--text-h3-bold);
        color: var(--text-color-medium);
    }
    .mega-dialog.payment-address-dialog .payment-form-title {
        color: var(--text-color-high);
        font: var(--text-body2-higher);
        float: left;
    }
    .rtl .mega-dialog.payment-address-dialog .payment-form-title {
        float: right;
    }
    .mega-dialog.payment-address-dialog .remember-billing-info-wrapper {
        padding: 20px 0;
        padding-inline-start: 48px;
    }
    .mega-dialog.payment-address-dialog .fm-account-input {
        border-radius: 4px;
        margin: 12px 0 0 0;
        width: auto;
    }
    .mega-dialog.payment-address-dialog .fm-account-input.error {
        border: 1px solid var(--text-color-error);
        box-sizing: border-box;
    }
    .mega-dialog.payment-address-dialog .fm-account-input input {
        color: var(--text-color-medium);
    }
    .mega-dialog.payment-address-dialog .default-select.error {
        border: 1px solid var(--text-color-error);
        box-shadow: none;
        box-sizing: border-box;
    }
    .mega-dialog.payment-address-dialog .payment-cc {
        margin: 19px 0 0 0;
        height: 32px;
    }
    .mega-dialog.payment-address-dialog .payment-cc-icon {
        position: absolute;
    }
    .mega-dialog.payment-address-dialog .payment-provider-icon {
        float: right;
        display: inline-block;
        margin-right: 5px;
        --icon-size: 48px;
    }
    .mega-dialog.payment-address-dialog .payment-cc-icon.visa {
        right: 0;
        --icon-size: 48px;
    }
    .rtl .mega-dialog.payment-address-dialog .payment-cc-icon.visa {
        left: 0;
    }
    .mega-dialog.payment-address-dialog .payment-cc-icon.mastercard {
        right: 48px;
        --icon-size: 48px;
    }
    .rtl .mega-dialog.payment-address-dialog .payment-cc-icon.mastercard {
        left: 48px;
    }
    .mega-dialog.payment-address-dialog .payment-short-bl {
        float: left;
        width: 50%;
        padding-inline-end: 7px;
        box-sizing: border-box;
    }
    .rtl .mega-dialog.payment-address-dialog .payment-short-bl {
        float: right;
    }
    .mega-dialog.payment-address-dialog .payment-short-bl.second {
        padding-inline-end: 0;
        padding-inline-start: 7px;
    }
    .mega-dialog.payment-address-dialog .payment-short-bl.triplex {
        width: 33.333333%;
        padding-inline-end: 7px;
    }
    .mega-dialog.payment-address-dialog .payment-short-bl.triplex.second {
        padding: 0 7px;
    }
    .mega-dialog.payment-address-dialog .payment-short-bl.triplex.third {
        padding-inline-end: 0;
        padding-inline-start: 7px;
    }
    .mega-dialog.payment-address-dialog .payment-short-bl .default-select {
        width: 100%;
        float: none;
        margin: 19px 0 0 0;
    }
    .mega-dialog.payment-address-dialog .taxcode-invoice-note {
        color: var(--mobile-text-secondary);
        display: flex;
        font: var(--mobile-font-caption-large-regular);
        margin-top: -10px;
    }
    .mega-dialog.payment-address-dialog .footer-container {
        flex-direction: column;
        align-items: flex-end;
    }
    .mega-dialog.payment-address-dialog .footer-container .button {
        display: flex;
        justify-content: center;
    }
    .mega-dialog.payment-address-dialog .error-message {
        color: var(--banner-text-error);
        border: var(--banner-border-error);
        background: var(--banner-background-error);
        border-radius: 4px;
        padding: 2px 16px;
        margin: 12px 48px 0 48px;
        text-align: center;
    }
    .mega-dialog.payment-address-dialog .payment-half-block .fm-account-input input {
        color: var(--text-color-high);
    }
    .mega-dialog.payment-address-dialog .payment-half-block .fm-account-input input::placeholder {
        color: var(--text-color-low);
    }
    .mega-dialog.payment-address-dialog.active .fm-account-input {
        background: var(--surface-grey-1);
    }
    .mega-dialog.payment-address-dialog.active .fm-account-input.focused {
        background: var(--surface-grey-2);
    }
    .mega-dialog.payment-address-dialog.active .fm-account-input.focused input {
        color: var(--text-color-high);
    }
    .mega-dialog.payment-address-dialog .payment-half-block .fm-account-input.focused input::placeholder {
        color: var(--text-color-low);
    }
    .mega-dialog.payment-address-dialog .default-dropdown-item.template {
        display: none;
    }
    .mega-dialog.payment-address-dialog .states.disabled {
        cursor: default;
        opacity: 0.5;
    }
    .mega-dialog.payment-address-dialog .states {
        margin-bottom: 20px;
    }
    .mega-dialog.payment-address-dialog .states .mega-input-dropdown .dropdown-scroll {
        max-height: 160px;
    }
    .mega-dialog.payment-address-dialog > footer .footer-container {
        padding-top: 0;
    }

/* end payment-address-dialog */

/* bottom-pages-dialog */

    .mega-dialog.bottom-pages-dialog {
        width: 604px;
    }
    .mega-dialog.bottom-pages-dialog .content-block {
        padding: 0;
    }
    .mega-dialog.bottom-pages-dialog .bp-main {
        color: #595959;
        font-size: 15px;
        line-height: 23px;
        padding: 0 48px;
    }
    .mega-dialog.bottom-pages-dialog .bp-main h1 {
        font-size: 18px;
        padding: 0;
    }
    .mega-dialog.bottom-pages-dialog .bp-main h2 {
        font-size: 15px;
        padding: 16px 0 0 0;
    }
    .mega-dialog.bottom-pages-dialog .bp-main p {
        padding: 19px 0 0 0;
    }

/* end bottom-pages-dialog */

/* pro-login-dialog */

    .mega-dialog.pro-login-dialog {
        width: 490px;
    }
    .mega-dialog.pro-login-dialog header {
        padding: 32px 48px 0;
    }
    .mega-dialog.pro-login-dialog header h1 {
        text-align: center;
    }
    .mega-dialog.pro-login-dialog .login-page-forgot-bl {
        padding: 0 0 24px;
    }
    .mega-dialog.pro-login-dialog footer .footer-container {
        justify-content: space-between;
    }
    .mega-dialog.pro-login-dialog .footer-container .checkbox-block {
        flex-grow: 1;
        align-items: center;
    }
    .mega-dialog.pro-login-dialog aside {
        color: var(--text-color-medium);
        background: var(--surface-grey-3);
        text-align: center;
    }
    .mega-dialog.pro-login-dialog aside p a {
        color: var(--text-color-high);
        font-family: var(--text-font-family);
        font-weight: 600;
    }

/* end pro-login-dialog */

/* collected-data-review-dialog */

    .mega-dialog.collected-data-review-dialog {
        z-index: 1250;
        width: 600px;
        max-height: 590px;
    }
    .mega-dialog.collected-data-review-dialog textarea {
        display: block;
    }
    .mega-dialog.collected-data-review-dialog .collected-data-textarea {
        overflow: hidden;
        position: relative;
        height: 400px;
    }
    .mega-dialog.collected-data-review-dialog .collected-data {
        border: 0;
        padding: 0;
        margin-inline-start: 48px;
        margin-inline-end: 24px;
        overflow: hidden;
        display: block;
    }
    .mega-dialog.collected-data-review-dialog .collected-data li {
        font: var(--text-body2);
        list-style-type: none;
        text-indent: 12px;
        padding: 0;
        counter-increment: step-counter;
        font-family: 'source_code_proregular', sans-serif;
        background: none;
    }
    .mega-dialog.collected-data-review-dialog .collected-data li:first-child,
    .mega-dialog.collected-data-review-dialog .collected-data li:last-child {
        text-indent: 0;
    }
    .mega-dialog.collected-data-review-dialog .collected-data li::before {
        content: counter(step-counter);
        color: var(--text-color-info);
        text-align: end;
        display: block;
        position: absolute;
        min-width: 40px;
        left: -15px;
    }
    .rtl .mega-dialog.collected-data-review-dialog .collected-data li::before {
        left: auto;
        right: -15px;
    }

/* end collected-data-review-dialog */

/* wire-transfer-dialog */

    .mega-dialog.wire-transfer-dialog {
        width: 1145px;
        max-width: 100vw;
    }
    .mega-dialog.wire-transfer-dialog .content-block {
        padding-bottom: 48px;
    }
    .mega-dialog.wire-transfer-dialog ul {
        margin-bottom: 0;
    }
    .mega-dialog.wire-transfer-dialog li {
        padding-bottom: 0;
    }
    .mega-dialog.wire-transfer-dialog .wire-transfer-options {
        overflow: auto;
    }
    .mega-dialog.wire-transfer-dialog .wire-transfer-details {
        background: var(--surface-grey-1);
        border-radius: 7px;
        float: left;
        margin-bottom: 20px;
        padding: 15px;
        width: 49%;
    }
    .mega-dialog.wire-transfer-dialog .wire-transfer-details:last-child {
        float: right;
    }
    .mega-dialog.wire-transfer-dialog .resellers-top-txt {
        padding-bottom: 0;
    }
    /* Make the wire transfer details mouse selectable */
    .mega-dialog.wire-transfer-dialog .resellers-top-txt .wire-transfer-details th {
        padding-right: 15px;
        text-align: start;
        white-space: nowrap;
    }
    .mega-dialog.wire-transfer-dialog .resellers-top-txt .wire-transfer-details .bank-address {
        padding-bottom: 15px;
    }

/* end wire-transfer-dialog */

/* languages-dialog */

    .mega-dialog.languages-dialog {
        min-height: 320px;
        width: 770px;
    }
    .mega-dialog.languages-dialog a.nlanguage-lnk,
    .mega-dialog.languages-dialog a.nlanguage-lnk:link,
    .mega-dialog.languages-dialog a.nlanguage-lnk:visited,
    .mega-dialog.languages-dialog a.nlanguage-lnk:active {
        border-radius: 4px;
        box-sizing: border-box;
        color: var(--text-color-high);
        cursor: pointer;
        display: inline-block;
        font: var(--text-body1);
        margin: 1px;
        padding: 2px 12px;
        position: relative;
        text-decoration: none;
        width: 163px;
    }
    .mega-dialog.languages-dialog a.nlanguage-lnk:hover {
        background: var(--surface-grey-3);
    }
    .mega-dialog.languages-dialog a.nlanguage-lnk.language-template {
        display: none;
    }
    .mega-dialog.languages-dialog a.nlanguage-lnk.selected,
    .mega-dialog.languages-dialog a.nlanguage-lnk.selected:link,
    .mega-dialog.languages-dialog a.nlanguage-lnk.selected:visited,
    .mega-dialog.languages-dialog a.nlanguage-lnk.selected:hover,
    .mega-dialog.languages-dialog a.nlanguage-lnk.selected:active {
        background: var(--surface-grey-4);
    }
    .mega-dialog.languages-dialog a.nlanguage-lnk.selected::before {
        content: '';
        position: absolute;
        background: var(--label-blue);
        border-radius: 1px;
        width: 2px;
        height: calc(100% - 8px);
        top: 4px;
        left: 4px;
    }
    .rtl .mega-dialog.languages-dialog a.nlanguage-lnk.selected::before {
        left: auto;
        right: 4px;
    }
    .mega-dialog.languages-dialog .tier-one-languages {
        margin-top: 15px;
    }
    .mega-dialog.languages-dialog .tier-two-languages {
        display: none;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .mega-dialog.languages-dialog .native-language-name {
        line-height: 28px;
    }
    .mega-dialog.languages-dialog .show-more-languages {
        cursor: pointer;
        display: table;
        margin-top: 30px;
        width: 100%;
    }
    .mega-dialog.languages-dialog .show-more-languages .show-more-text {
        color: #999;
        display: table-cell;
        font-size: 14px;
        font-family: "source_sans_proregular", Arial, sans-serif;
        padding-left: 12px;
        white-space: nowrap;
    }
    .mega-dialog.languages-dialog .show-more-languages:hover .show-more-text {
        color: #555;
    }
    .mega-dialog.languages-dialog .show-more-languages .bar {
        display: table-cell;
        padding-left: 15px;
        width: 100%;
    }
    .mega-dialog.languages-dialog .show-more-languages .bar div {
        border-bottom: 1px solid #f2f2f2;
        margin-bottom: 3px;
    }
    .mega-dialog.languages-dialog .show-more-languages .round-arrow {
        display: table-cell;
        padding-left: 14px;
        vertical-align: middle;
    }
    .mega-dialog.languages-dialog .show-more-languages .round-arrow span {
        background-image: url(../images/mega/top-sprite.png);
        background-position: -13px -1108px;
        background-repeat: no-repeat;
        display: inline-block;
        height: 7px;
        opacity: 0.6;
        position: relative;
        top: 1px;
        vertical-align: middle;
        width: 11px;
    }
    .mega-dialog.languages-dialog .show-more-languages .round-arrow.opened span {
        transform: rotate(180deg);
    }
    .mega-dialog.languages-dialog .show-more-languages:hover .round-arrow span {
        opacity: 1;
    }
    .mega-dialog.languages-dialog .nlanguage-lnk .beta {
        border: 1px solid rgba(192, 199, 203, 0.3);
        border-radius: 7px;
        box-sizing: border-box;
        color: #c0c7cd;
        font-size: 10px;
        font-style: normal;
        margin-left: 5px;
        padding: 0 4px;
        text-align: center;
        text-transform: uppercase;
    }
    .mega-dialog.languages-dialog .nlanguage-lnk.selected .beta {
        visibility: hidden;
    }

/* end languages-dialog */

/* contact-info dialog */

    .mega-dialog.contact-info {
        width: 560px;
    }

/* end contact-info dialog */

/* pro-register-dialog */

    .mega-dialog.pro-register-dialog {
        width: 728px;
    }
    .mega-dialog.pro-register-dialog header {
        padding: 0;
    }
    .mega-dialog.pro-register-dialog header .graphic.wide {
        height: 120px;
        width: 400px;
        --width: 400px;
    }
    .mega-dialog.pro-register-dialog header p {
        padding: 0 48px;
        text-align: center;
    }
    .mega-dialog.pro-register-dialog .dialog-register-form {
        margin-top: 24px;
    }
    .mega-dialog.pro-register-dialog .account.input-tooltip, .pro-register-dialog .both-input-tooltip {
        font-size: 13px;
        min-width: 100%;
        text-transform: none;
    }
    .mega-dialog.pro-register-dialog .password .account.input-tooltip {
        min-width: 516px;
    }
    .mega-dialog.pro-register-dialog .account.checkbox-block {
        width: 105%;
        padding: 12px 0 0 0;
        display: flex;
    }
    .mega-dialog.pro-register-dialog .account.input-wrapper {
        margin: 0 0 37px 0;
    }
    .mega-dialog.pro-register-dialog .txt_dark {
        font-family: 'LatoWeb_SemiBold', 'Arial', sans-serif;
        font-weight: 700;
    }
    .mega-dialog.pro-register-dialog footer aside.no-padding {
        padding: 0;
    }

/* end pro-register-dialog */

/* credentials-warning-dialog */

    .mega-dialog.credentials-warning-dialog {
        width: 600px;
        z-index: 1101;
        overflow: hidden;
    }
    .mega-dialog.credentials-warning-dialog .avatarAndWarningMessage {
        overflow: hidden;
    }
    .mega-dialog.credentials-warning-dialog .userAvatar {
        float: left;
    }
    .mega-dialog.credentials-warning-dialog .information {
        float: left;
        margin-inline-start: 20px;
        width: 390px;
    }
    .mega-dialog.credentials-warning-dialog .information.noAvatar {
        margin-inline-start: 0;
        width: auto;
    }
    .mega-dialog.credentials-warning-dialog .information .firstLine {
        color: var(--text-color-error);
    }
    .mega-dialog.credentials-warning-dialog .information .emailAddress {
        color: var(--text-color-high);
    }
    .mega-dialog.credentials-warning-dialog .userAvatar img {
        border-radius: 50%;
        height: 90px;
        width: 90px;
    }
    .mega-dialog.credentials-warning-dialog .previousCredentials .title {
        color: var(--text-color-high);
    }
    .mega-dialog.credentials-warning-dialog .previousCredentials,
    .mega-dialog.credentials-warning-dialog .newCredentials,
    .mega-dialog.credentials-warning-dialog .postResetCredentials,
    .mega-dialog.credentials-warning-dialog .avatarAndWarningMessage {
        margin-bottom: 40px;
    }
    .mega-dialog.credentials-warning-dialog .previousCredentials .fingerprint,
    .mega-dialog.credentials-warning-dialog .newCredentials .fingerprint,
    .mega-dialog.credentials-warning-dialog .postResetCredentials .fingerprint {
        font-family: monospace, sans-serif;
        font-size: 14px;
        margin-inline-start: -4px;
        margin-top: 10px;
        text-transform: uppercase;
        border: 1px solid var(--stroke-grey-2);
        border-radius: 4px;
        height: 36px;
        line-height: 34px;
        background: var(--surface-grey-1);
    }
    .mega-dialog.credentials-warning-dialog .previousCredentials .fingerprint > span,
    .mega-dialog.credentials-warning-dialog .newCredentials .fingerprint > span,
    .mega-dialog.credentials-warning-dialog .postResetCredentials .fingerprint > span {
        display: inline-block;
        text-align: center;
        width: 44px;
    }
    .mega-dialog.credentials-warning-dialog .newCredentials span.mismatch {
        color: var(--text-color-error);
    }
    .mega-dialog.credentials-warning-dialog .newCredentials .title {
        color: var(--text-color-error);
        font-weight: bold;
    }
    .mega-dialog.credentials-warning-dialog .newCredentials .title.reset {
        color: var(--text-color-high);
    }
    .mega-dialog.credentials-warning-dialog .resetCredentials .title {
        margin-bottom: 10px;
    }
    .credentials-warning-dialog .resetCredentials .reset-credentials-button {
        margin-top: 24px;
    }
    .mega-dialog.credentials-warning-dialog .verifyCredentials .verify-contact-button {
        margin-top: 24px;
    }
    .mega-dialog.credentials-warning-dialog .postResetCredentials .title,
    .mega-dialog.credentials-warning-dialog .verifyCredentials .title {
        color: var(--text-color-high);
    }
    .mega-dialog.credentials-warning-dialog .instruction {
        padding: 3px 20px;
    }
    .mega-dialog.credentials-warning-dialog .instruction .reject {
        color: var(--text-color-error);
    }
    .mega-dialog.credentials-warning-dialog .instruction .accept {
        color: var(--text-color-success);
    }
    .mega-dialog.credentials-warning-dialog .highlighted-section {
        padding-top: 16px;
        padding-bottom: 16px;
    }

/* end credentials-warning-dialog */

/* cancel-subscription-benefits */

    .mega-dialog.cancel-subscription-benefits header {
        padding: 24px 24px 12px;
    }
    .mega-dialog.cancel-subscription-benefits header h3 {
        font: var(--text-h3);
        text-align: left;
    }
    .mega-dialog.cancel-subscription-benefits .cancel-subscription-info {
        margin-bottom: 20px;
    }
    .mega-dialog.cancel-subscription-benefits .over-storage-banner {
        display: flex;
        align-items: center;
        padding: 4px 8px;
        background: var(--progress-bar-fill3);
        border-radius: 8px;
        color: var(--text-color-high-inverted);
        margin-bottom: 20px;
    }
    .mega-dialog.cancel-subscription-benefits .over-storage-banner a {
        margin: auto 8px;
        white-space: nowrap;
        color: var(--text-color-high-inverted);
    }
    .mega-dialog.cancel-subscription-benefits .cancel-subscription-benefits-content {
        margin: 0 24px;
    }
    .mega-dialog.cancel-subscription-benefits .features-table {
        border: 2px solid var(--surface-grey-2);
        border-radius: 12px;
        overflow: hidden;
        color: var(--text-color-high);
    }
    .mega-dialog.cancel-subscription-benefits .features-table .features-table-header {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        background-color: var(--surface-grey-2);
        padding: 0 24px;
        height: 38px;
        align-items: center;
    }
    .mega-dialog.cancel-subscription-benefits .features-table .features-table-content {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        padding: 0 24px;
    }
    .mega-dialog.cancel-subscription-benefits .features-table .features-table-header-content {
        width: 100%;
        display: flex;
        font: var(--text-body1-bold);
    }
    .mega-dialog.cancel-subscription-benefits .features-table .features-table-seperator {
        border-top: 2px solid var(--surface-grey-2);
        grid-column: 1 / 4;
    }
    .mega-dialog.cancel-subscription-benefits .features-table .features-table-header-content.center {
        justify-content: center;
    }
    .mega-dialog.cancel-subscription-benefits .features-table .features-table-item {
        display: flex;
        align-items: center;
        min-height: 32px;
        font: var(--text-body2);
        justify-content: center;
    }
    .mega-dialog.cancel-subscription-benefits .features-table i.icon-check-small-regular-outline {
        --icon-size: 24px;
    }
    .mega-dialog.cancel-subscription-benefits .features-table i.icon-check-small-regular-outline::before {
        font-weight: bold;
        color: var(--secondary-green);
    }
    .mega-dialog.cancel-subscription-benefits .features-table .features-table-item.title {
        justify-content: flex-start;
        font: var(--text-body2-bold)
    }

    .mega-dialog.cancel-subscription-benefits .features-table .center {
        justify-self: center;
    }
    .mega-dialog.cancel-subscription-benefits footer {
        padding: 43px 24px 24px;
        display: flex;
        align-items: flex-end;
    }
    .mega-dialog.cancel-subscription-benefits.features footer {
        padding: 8px 24px 0;
    }

/* cancel-subscription-benefits end */

/* cancel-subscription-st1 */

    .mega-dialog.cancel-subscription-st1 {
        width: 704px;
        max-height: calc(100% - 40px);
    }
    .mega-dialog.cancel-subscription-st1 button.close {
        position: initial;
    }
    .mega-dialog.cancel-subscription-st1 header {
        margin-bottom: 24px;
        padding: 24px 48px;
        border-bottom: var(--dropdown-border);
    }
    .mega-dialog.cancel-subscription-st1 section {
        position: relative;
        flex-shrink: unset;
    }
    .mega-dialog.cancel-subscription-st1 section .content-block {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
    .mega-dialog.cancel-subscription-st1 section .cancellation-contact {
        margin-top: 20px;
    }
    .mega-dialog.cancel-subscription-st1 section .content-block > * {
        font-size: 14px;
        line-height: 20px;
    }
    .mega-dialog.cancel-subscription-st1 .cancel-option-prompt {
        padding: 0;
        font-family: var(--text-font-family);
        font-weight: bold;
    }
    .mega-dialog.cancel-subscription-st1 form,
    .mega-dialog.cancel-subscription-st1 .allow-contact-options {
        padding: 0;
        display: flex;
        flex-direction: column;
    }
    .mega-dialog.cancel-subscription-st1 form .label-wrap {
        display: flex;
        flex-direction: row;
        gap: 8px;
        align-items: center;
    }
    .mega-dialog.cancel-subscription-st1 form .label-wrap.built-option {
        margin-bottom: 12px;
    }
    .mega-dialog.cancel-subscription-st1 form .radios-wrapper {
        margin: 0 0 12px 24px
    }
    .mega-dialog.cancel-subscription-st1 .error-message {
        display: none;
    }
    .mega-dialog.cancel-subscription-st1 .error .error-message {
        display: block;
        width: calc(100% + 24px);
        margin-left: -24px;
        margin-bottom: 8px;
    }
    .mega-dialog.cancel-subscription-st1 form .textarea-and-banner {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding-top: 12px;
    }
    .mega-dialog.cancel-subscription-st1 form .label-wrap > *,
    .mega-dialog.cancel-subscription-st1 .allow-contact-options > * {
        cursor: pointer;
    }
    .mega-dialog.cancel-subscription-st1 form .label-wrap div.cancel-option {
        margin: 3px;
    }
    .mega-dialog.cancel-subscription-st1 form .label-wrap .radio-txt {
        padding: 2px 0;
    }
    .mega-dialog.cancel-subscription-st1 .error-banner {
        padding: 2px 16px;
        text-align: center;
        background-color: var(--banner-background-error);
        border: 1px solid var(--banner-border-error);
        border-radius: 4px;
        color: var(--banner-text-error);
    }
    .mega-dialog.cancel-subscription-st1 .cancel-option-info:empty {
        display: none;
    }
    .mega-dialog.cancel-subscription-st1.error-select-reason footer,
    .mega-dialog.cancel-subscription-st1.error-select-contact footer {
        margin-top: 16px;
    }
    .mega-dialog.cancel-subscription-st1.error-select-reason.error-select-contact footer {
        margin-top: 32px;
    }
    .mega-dialog.cancel-subscription-st1.textbox-open footer {
        margin-top: 26px;
    }
    .mega-dialog.cancel-subscription-st1 footer {
        margin: 24px 48px;
        padding-top: 20px;
        border-top: var(--dropdown-border);
    }
    .mega-dialog.cancel-subscription-st1 footer .footer-container {
        padding: 0;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .mega-dialog.cancel-subscription-st1 .cancel-subscription-header {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
    }

/* end cancel-subscription-st1 */

/* download-dialog */

    .mega-dialog.download-dialog {
        width: 504px;
        min-height: 100px;
    }
    .mega-dialog.download-dialog .download-chrome-lnk {
        margin-top: 16px;
        display: block;
    }
    .mega-dialog.download-dialog .download-chrome-lnk i {
        --icon-size: 24px;
        display: inline-block;
        vertical-align: middle;
        margin-inline-end: 4px;
    }
    .mega-dialog.download-dialog .download-chrome-lnk span {
        vertical-align: middle;
    }

/* key-signature-warning-dialog */

    .mega-dialog.key-signature-warning-dialog {
        z-index: 1101;
    }
    .mega-dialog.key-signature-warning-dialog .information .firstLine {
        color: var(--text-color-error);
        font-weight: bold;
    }
    .mega-dialog.key-signature-warning-dialog .information .emailAddress {
        color: var(--text-color-high);
    }
    .mega-dialog.key-signature-warning-dialog .userAvatar img {
        height: 100%;
        width: 100%;
        border-radius: 50%;
    }

/* end key-signature-warning-dialog */

/* dlkey-dialog */

    .mega-dialog.dlkey-dialog {
        width: 480px;
    }
    .mega-dialog.dlkey-dialog .fm-dialog-new-folder-pad {
        margin: 0 36px 0 0;
    }
    .mega-dialog.dlkey-dialog .instruction-message {
        padding: 0 0 10px;
    }
    .mega-dialog.dlkey-dialog .decryption-key {
        position: relative;
    }
    .mega-dialog.dlkey-dialog .decryption-key .icon {
        background-image: url(../images/mega/dialog-sprite.png);
        background-position: -6px -5510px;
        background-repeat: no-repeat;
        height: 22px;
        left: 13px;
        opacity: 0.5;
        position: absolute;
        top: 5px;
        width: 24px;
    }
    .mega-dialog.dlkey-dialog .dlkey-err {
        min-height: 24px;
        position: relative;
        background-color: var(--banner-background-error);
        border: 1px solid var(--banner-border-error);
        padding: 2px 12px;
        width: 100%;
        color: var(--banner-text-error);
        font: var(--text-body1);
        margin-top: 6px;
        border-radius: 4px;
        box-sizing: border-box;
        z-index: 100;
    }

/* end dlkey-dialog */

/* bitcoin-invoice-dialog */

    .mega-dialog.bitcoin-invoice-dialog {
        width: 660px;
        border-radius: var(--border-radius);
        overflow: hidden;
    }
    .mega-dialog.bitcoin-invoice-dialog .helper-explanation {
        font-size: 12px;
        margin-top: 10px;
    }
    .mega-dialog.bitcoin-invoice-dialog .scan-code-instruction {
        color: var(--text-color-medium);
        font-size: 13px;
        margin-inline-start: 35px;
        padding-top: 35px;
    }
    .mega-dialog.bitcoin-invoice-dialog .bitcoin-qr-code {
        margin: 25px 0 20px 0;
        margin-inline-start: 26px;
        width: 276px;
    }
    .mega-dialog.bitcoin-invoice-dialog .qr-code-mega-icon {
        background: url(../images/mega/bitcoin.png) 0 -650px no-repeat;
        display: none;
        height: 40.5px;
        left: 143.5px;
        opacity: 1;
        position: absolute;
        top: 183px;
        width: 40.5px;
    }
    .mega-dialog.bitcoin-invoice-dialog .bitcoin-address {
        color: var(--text-color-medium);
        font-size: 11px;
        padding: 10px 30px 21px;
        text-align: center;
    }
    .mega-dialog.bitcoin-invoice-dialog .price-expired-instruction {
        display: none;
        font: var(--text-body1);
        padding: 0 36px;
        margin-bottom: 12px;
    }
    .mega-dialog.bitcoin-invoice-dialog .price-expired-instruction b {
        font-family: var(--text-font-family);
        font-weight: 600;
    }
    .mega-dialog.bitcoin-invoice-dialog section.content {
        display: flex;
        flex-direction: row;
    }
    .mega-dialog.bitcoin-invoice-dialog .left-side {
        width: 50%;
    }
    .mega-dialog.bitcoin-invoice-dialog .right-side {
        background-color: #47abdc;
        color: #fff;
        padding: 35px 35px 26px;
        width: 50%;
    }
    .mega-dialog.bitcoin-invoice-dialog .plan-icon {
        margin: 30px 0 0 0;
    }
    .mega-dialog.bitcoin-invoice-dialog .plan-icon i {
        display: none;
        --icon-size: 60px;
    }
    .mega-dialog.bitcoin-invoice-dialog .plan-icon.pro1 i.pro1,
    .mega-dialog.bitcoin-invoice-dialog .plan-icon.pro2 i.pro2,
    .mega-dialog.bitcoin-invoice-dialog .plan-icon.pro3 i.pro3,
    .mega-dialog.bitcoin-invoice-dialog .plan-icon.pro4 i.pro4,
    .mega-dialog.bitcoin-invoice-dialog .plan-icon.business i.business,
    .mega-dialog.bitcoin-invoice-dialog .plan-icon.feature i.feature {
        display: block;
    }
    .mega-dialog.bitcoin-invoice-dialog .invoice-date-time {
        font-size: 13px;
        text-align: start;
    }
    .mega-dialog.bitcoin-invoice-dialog .plan-name {
        font-size: 30px;
        line-height: 32px;
        padding-top: 5px;
        font-family: 'source_sans_prolight', sans-serif;
    }
    .mega-dialog.bitcoin-invoice-dialog .plan-duration {
        font-size: 21px;
        line-height: 24px;
        padding-top: 6px;
        font-family: 'source_sans_prolight', sans-serif;
    }
    .mega-dialog.bitcoin-invoice-dialog .plan-price-euros {
        font-size: 21px;
        line-height: 24px;
        padding-top: 6px;
    }
    .mega-dialog.bitcoin-invoice-dialog .plan-price-euros > span {
        font-size: 0.8em;
    }
    .mega-dialog.bitcoin-invoice-dialog .plan-price-bitcoins {
        display: inline-block;
        font-size: 39px;
        line-height: 42px;
        padding-top: 26px;
    }
    .mega-dialog.bitcoin-invoice-dialog .plan-price-bitcoins-btc {
        display: inline-block;
        font-size: 14px;
        padding-left: 4px;
    }
    .mega-dialog.bitcoin-invoice-dialog .separator {
        border-bottom: 1px solid #fff;
        margin-bottom: 25px;
        padding-top: 10px;
    }
    .mega-dialog.bitcoin-invoice-dialog .expiry-instruction {
        box-sizing: border-box;
        display: table-cell;
        font-size: 13px;
        height: 45px;
        opacity: 0.5;
        vertical-align: middle;
    }
    .mega-dialog.bitcoin-invoice-dialog .clock-icon {
        vertical-align: top;
        display: inline-block;
        margin: 3px 0 0;
        margin-inline-end: 5px;
        width: 15px;
        height: 15px;
        background: url(../images/mega/bitcoin.png) 0 -786px no-repeat;
    }
    .mega-dialog.bitcoin-invoice-dialog .clock-icon::before {
        content: '\00a0';
    }
    .mega-dialog.bitcoin-invoice-dialog .time-to-expire {
        font-size: 32px;
        line-height: 42px;
        opacity: 0.5;
        float: right;
    }
    .rtl .mega-dialog.bitcoin-invoice-dialog .time-to-expire {
        float: left;
    }

/* end bitcoin-invoice-dialog */

/* invite-dialog */

    .mega-dialog.invite-dialog {
        width: 644px;
    }
    .mega-dialog.invite-dialog header .graphic.default-content {
        height: 90px;
    }
    .mega-dialog.invite-dialog .content-block {
        text-align: center;
    }
    .mega-dialog.invite-dialog button.back,
    .mega-dialog.invite-dialog.success button.send {
        display: none;
    }
    .mega-dialog.invite-dialog.success button.back {
        display: inline-flex;
    }
    .mega-dialog.invite-dialog .achievement-dialog.input-info {
        padding: 12px 0 0 0;
    }
    .mega-dialog.invite-dialog:not(.success) .success-content,
    .mega-dialog.invite-dialog.success .default-content {
        display: none !important;
    }
    .mega-dialog.invite-dialog .how-it-works {
        margin-top: 24px;
    }
    .mega-dialog.invite-dialog .how-it-works i {
        transition: transform 200ms;
    }
    .mega-dialog.invite-dialog .how-it-works.closed i {
        transform: rotate(180deg);
    }
    .mega-dialog.invite-dialog .how-it-works-body {
        transition: height 200ms;
        height: 200px;
        overflow: hidden;
    }
    .mega-dialog.invite-dialog .how-it-works-body.closed {
        height: 0;
    }

/* end invite-dialog */

/* achievement-list-dialog and invite-dialog shared styles */

    .mega-dialog .achievement-dialog.green-header {
        font: var(--text-h3);
        color: var(--text-color-success);
        display: inline-block;
        position: relative;
        padding: 21px 10px 0 10px;
    }
    .mega-dialog .achievement-dialog.info-body {
        text-align: start;
        margin: 16px 0;
        width: 100%;
    }
    .mega-dialog .achievement-dialog.info-body p {
        margin-bottom: 8px;
    }
    .mega-dialog .achievement-dialog.info-body p strong {
        color: var(--text-color-high);
    }
    .mega-dialog .achievement-dialog.info-body p.note {
        font: var(--text-body2);
        margin-bottom: 4px;
    }
    .mega-dialog .achievement-dialog.info-body p .red {
        color: var(--text-color-error);
    }
    .mega-dialog .achievement-dialog.input-header {
        font: var(--text-h3);
        padding: 16px 0 16px 0;
    }
    .mega-dialog .achievement-dialog.input-field {
        max-height: 64px;
        min-height: 32px;
        box-sizing: border-box;
        border-radius: 3px;
        padding-inline-end: 10px;
        height: auto !important;
        cursor: text;
        text-align: center;
        overflow: hidden;
        line-height: 0;
    }
    .mega-dialog .active .achievement-dialog.input-field {
        background: var(--surface-grey-1);
    }
    .mega-dialog .achievement-dialog.input-field ul {
        padding: 0 10px;
        font-size: 0;
        line-height: 0;
        clear: left;
        overflow: hidden;
        transition: all 0ms ease-in-out;
    }
    .mega-dialog .achievement-dialog.input-field li {
        overflow: hidden;
        margin: 0;
        cursor: default;
        padding: 6px 4px;
        padding-inline-end: 18px;
        margin-inline-end: 6px;
        float: left;
        position: relative;
        max-width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
        font: var(--text-body1);
    }
    .rtl .mega-dialog .achievement-dialog.input-field li {
        float: right;
    }
    .mega-dialog li.token-input-token-invite .remove-item {
        top: 6px;
    }
    .mega-dialog .achievement-dialog.input-field input {
        box-sizing: border-box;
        width: 100px;
        padding: 6px 0;
        float: left;
        margin: 0;
        color: var(--text-color-high);
        background: transparent;
        border: none;
    }
    .rtl .mega-dialog .achievement-dialog.input-field input {
        float: right;
    }
    .mega-dialog .achievement-dialog.input-field input.tiny,
    .mega-dialog ul.token-input-list-mega li input.tiny,
    .mega-dialog .multiple-input input.tiny {
        width: 0 !important;
    }
    .mega-dialog .achievement-dialog li.token-input-input-token-invite {
        float: left;
        margin: 0;
        padding: 0 4px;
        list-style-type: none;
        max-width: 100%;
    }
    .rtl .mega-dialog .achievement-dialog li.token-input-input-token-invite {
        float: right;
    }
    .mega-dialog .achievement-dialog.input-info.red,
    .mega-dialog .achievement-dialog.input-field input.red {
        color: var(--text-color-error);
    }
    .mega-dialog .achievement-dialog.input-info,
    .mega-dialog .achievement-dialog.success-info {
        font: var(--text-body2);
        color: var(--text-color-low);
        padding: 12px 0 15px 0;
    }
    .mega-dialog .achievement-dialog.success-info {
        padding: 23px 0 26px 0;
    }
    .mega-dialog .achievement-dialog.links-block {
        display: flex;
        align-items: center;
    }
    .mega-dialog .achievement-dialog.links-block.first {
        margin-top: 24px;
    }
    .mega-dialog .achievement-dialog.links-block.second {
        margin-top: 8px;
    }
    .mega-dialog .achievement-dialog.links-block input {
        width: 100%;
    }
    .mega-dialog .achievement-dialog.links-block .input-field {
        padding: 0 14px;
        background: var(--surface-grey-1);
        border: 1px solid var(--stroke-grey-2);
        border-radius: 4px;
    }
    .mega-dialog .achievement-dialog.links-block .input-label {
        text-align: end;
        color: var(--text-color-high);
        width: 50%;
        margin-inline-end: 16px;
    }
    .mega-dialog .achievement-dialog.fm-dialog-body {
        padding: 12px 48px 24px 48px;
    }
    .mega-dialog .achievement-dialog.header {
        font: var(--text-h2);
        padding: 0;
        width: 544px;
    }
    .mega-dialog .achievement-dialog ol {
        padding: 3px 0 5px 13px;
        margin: 0;
    }
    .mega-dialog .achievement-dialog ol li {
        font-size: 14px;
        line-height: 18px;
        color: var(--text-color-medium);
        padding: 2px 0;
        white-space: normal;
        display: list-item;
        list-style: decimal;
    }
    .mega-dialog .achievement-dialog.header span {
        color: var(--text-color-error);
        border-bottom: 2px solid var(--text-color-error);
    }
    .mega-dialog .achievement-dialog.reward {
        display: inline-block;
        position: relative;
        margin: 15px 21px 0 21px;
        text-align: start;
    }
    .mega-dialog .achievement-dialog.reward i {
        vertical-align: top;
    }
    .mega-dialog .achievement-dialog.reward-txt {
        display: inline-block;
        font-size: 14px;
        line-height: 17px;
        color: var(--text-color-medium);
        vertical-align: top;
        margin: 6px 0 0 15px;
    }
    .mega-dialog .achievement-dialog.reward-txt span {
        font-size: 18px;
        line-height: 18px;
        display: block;
        text-transform: uppercase;
        color: #2BA6DE;
    }
    .mega-dialog .achievement-dialog.reward.storage span {
        color: #2BA6DE;
    }
    .mega-dialog .achievement-dialog.reward.bandwidth span {
        color: #31B500;
    }
    .mega-dialog .achievement-dialog.description {
        padding: 18px 0 0 0;
        font-size: 14px;
        line-height: 18px;
        color: var(--text-color-medium);
    }
    .mega-dialog .achievement-dialog.expires-txt {
        font: var(--text-body1);
        color: var(--text-color-high);
        padding: 15px 0 24px 0;
        cursor: default;
    }
    .mega-dialog .achievement-dialog.expires-txt.red {
        color: var(--text-color-error);
    }
    body.fr .mega-dialog .achievement-dialog.expires-txt.red,
    body.jp .mega-dialog .achievement-dialog.expires-txt.red {
        line-height: 18px;
    }
    .mega-dialog .achievement-dialog.bottom-block {
        border-radius: 0 0 12px 12px;
        background: var(--surface-grey-1);
        border-top: 1px solid var(--divider-color);
        padding: 8px 24px 16px;
    }
    .mega-dialog .achievement-dialog.bottom-block .achievement-dialog.reward {
        display: flex;
        align-items: center;
        position: relative;
        width: 100%;
        margin: 0;
        border-bottom: 1px solid var(--divider-color);
    }
    .mega-dialog .achievement-dialog.bottom-block .achievement-dialog.reward:last-of-type {
        border-bottom: none;
    }
    .mega-dialog .achievement-dialog.bottom-block .achievement-dialog.reward i {
        margin: 10px 0 10px 0;
        margin-inline-end: 8px;
        display: inline-block;
        --icon-size: 24px;
        --mask-color: var(--icon-rest);
    }
    .mega-dialog .expired .achievement-dialog.bottom-block .achievement-dialog.reward i {
        --mask-color: var(--icon-inactive);
    }
    .mega-dialog .achievement-dialog.bottom-block .achievement-dialog.reward-txt {
        display: inline-block;
        max-width: 150px;
        color: var(--text-color-high);
        margin: 0;
    }
    .mega-dialog .achievement-dialog.bottom-block .achievement-dialog.reward span {
        color: var(--text-color-high);
        margin-inline-start: auto;
        text-align: end;
    }
    .mega-dialog .achievement-dialog.status-block {
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
    }
    .mega-dialog .achievement-dialog.status-block button {
        display: inline-block;
        min-width: 126px;
    }
    .mega-dialog .achieved .achievement-dialog.status-block button {
        display: none;
    }
    .mega-dialog .achievement-dialog.achieved-icon {
        font-size: 0;
        line-height: 0;
        display: none;
    }
    .mega-dialog .achieved .achievement-dialog.achieved-icon {
        display: block;
    }
    .mega-dialog .one-reward .achievement-dialog.right-block,
    .mega-dialog .achieved .achievement-dialog.right-block {
        vertical-align: middle;
        padding: 0 15px 0 15px;
    }
    .mega-dialog .one-reward .achievement-dialog.right-block .reward {
        margin: 0 0 4px 10px;
    }
    .mega-dialog .one-reward .right-block .reward.bandwidth,
    .mega-dialog .achieved .achievement-dialog.right-block .reward {
        display: none;
    }

/* end achievement-list-dialog and invite-dialog shared styles */

/* fm-voucher-popup */

    .fm-voucher-popup {
        width: 440px;
    }
    .fm-voucher-popup .content-block {
        align-items: center;
        display: flex;
        justify-content: space-between;
    }
    .fm-voucher-popup .mega-input.title-ontop {
        margin-inline-end: 12px;
    }

/* end fm-voucher-popup */

/* resume-transfer */

    .mega-dialog.resume-transfer {
        width: 520px;
    }
    .mega-dialog.resume-transfer .resume-transfers-button .icon {
        background-image: url('../images/mega/icons-sprite.png');
        background-size: 262px auto;
        width: 28px;
        height: 28px;
    }

/* end resume-transfer */

/* voucher-dialog */

    .mega-dialog.voucher-dialog {
        width: 480px;
    }
    .ct .mega-dialog.voucher-dialog {
        width: 540px;
    }
    .mega-dialog.voucher-dialog .plan-icon {
        margin-top: 6px;
        margin-inline-start: 3px;
        position: static;
        display: inline-block;
    }
    .mega-dialog.voucher-dialog .plan-icon i {
        display: none;
        --icon-size: 60px;
    }
    .mega-dialog.voucher-dialog .plan-icon.pro1 i.pro1,
    .mega-dialog.voucher-dialog .plan-icon.pro2 i.pro2,
    .mega-dialog.voucher-dialog .plan-icon.pro3 i.pro3,
    .mega-dialog.voucher-dialog .plan-icon.pro4 i.pro4,
    .mega-dialog.voucher-dialog .plan-icon.business i.business,
    .mega-dialog.voucher-dialog .plan-icon.feature i.feature {
        display: block;
    }
    .mega-dialog.voucher-dialog .voucher-plan-info {
        padding-inline-start: 15px;
        display: inline-block;
        margin-top: 10px;
        position: absolute;
    }
    .mega-dialog.voucher-dialog .voucher-plan-title,
    .mega-dialog.voucher-dialog .payment-plan-price {
        font: var(--text-h1);
        color: var(--text-color-high);
    }
    .mega-dialog.voucher-dialog .voucher-plan-price {
        float: right;
        padding-top: 26px;
        padding-inline-end: 10px;
        font: var(--text-h1);
    }
    .mega-dialog.voucher-dialog .voucher-account-balance {
        color: var(--text-color-error);
        float: right;
        font: var(--text-h1);
        padding-inline-end: 10px;
    }
    .rtl .mega-dialog.voucher-dialog .voucher-plan-price,
    .rtl .mega-dialog.voucher-dialog .voucher-account-balance {
        float: left;
    }
    .mega-dialog.voucher-dialog .voucher-account-balance.sufficient-funds {
        color: var(--text-color-success);
    }
    .mega-dialog.voucher-dialog .voucher-block {
        box-sizing: border-box;
        padding-top: 25px;
        margin-top: 19px;
        border-top: 1px solid var(--stroke-grey-2);
    }
    .mega-dialog.voucher-dialog .voucher-title {
        letter-spacing: 0.1px;
        line-height: 125%;
    }
    .mega-dialog.voucher-dialog .voucher-sub-title {
        letter-spacing: 0.1px;
        line-height: 200%;
        margin-top: 3px;
    }
    .mega-dialog.voucher-dialog .voucher-information-help {
        margin: 20px 0 0 0;
        color: #9B9B9B;
        letter-spacing: 0.1px;
        line-height: 20px;
    }
    .mega-dialog.voucher-dialog .voucher-dialog-td {
        display: table-cell;
        overflow: hidden;
        transition: all 200ms ease-in-out;
    }
    .mega-dialog.voucher-dialog .payment-eurosign {
        font-size: 25px;
    }
    .mega-dialog.voucher-dialog .voucher-input-container {
        display: flex;
        width: 100%;
    }
    .mega-dialog.voucher-dialog .voucher-input-container .fm-account-input {
        flex: 1;
        margin-inline-end: 8px;
    }
    .mega-dialog.voucher-dialog .voucher-input-container .voucher-redeem-now {
        flex-shrink: 0;
    }

/* end voucher-dialog */

/* invitation-dialog */

    .mega-dialog.invitation-dialog {
        width: 724px;
    }
    .mega-dialog.invitation-dialog .content-block {
        text-align: center;
        padding: 0;
    }
    .mega-dialog.invitation-dialog .table {
        display: table;
        width: 100%;
        table-layout: fixed;
        text-align: start;
    }
    .mega-dialog.invitation-dialog .table-row {
        display: table-row;
    }
    .mega-dialog.invitation-dialog .table-row:nth-child(even) {
        background: var(--surface-grey-2);
    }
    .mega-dialog.invitation-dialog .table-cell {
        font-size: 13px;
        line-height: 18px;
        color: var(--text-color-medium);
        display: table-cell;
        vertical-align: middle;
        height: 48px;
        border-left: 1px dashed rgba(0,0,0,0.1);
        padding: 0 12px 0 12px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        box-sizing: border-box;
        position: relative;
    }
    .mega-dialog.invitation-dialog .table-cell > i {
        --icon-size: 24px;
        display: block;
    }
    .mega-dialog.invitation-dialog .table-cell .granted-icon {
        --mask-color: var(--label-green);
    }
    .mega-dialog.invitation-dialog .table-cell .pending-icon {
        --mask-color: var(--label-grey);
    }
    .mega-dialog.invitation-dialog .table-cell .pending-install-icon {
        --mask-color: var(--label-orange);
    }
    .mega-dialog.invitation-dialog .table-cell span {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .mega-dialog.invitation-dialog .table-cell .resend {
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
    }
    .rtl .mega-dialog.invitation-dialog .table-cell .resend {
        right: auto;
        left: 12px;
    }
    .mega-dialog.invitation-dialog .table-cell:first-child {
        border-left: 0;
        width: 35px;
        padding: 0 9px;
        text-overflow: clip;
    }
    .mega-dialog.invitation-dialog .table-cell:nth-child(3) {
        width: 170px;
    }
    .mega-dialog.invitation-dialog .table-cell:nth-child(4) {
        width: 190px;
    }
    .mega-dialog.invitation-dialog .table-row.header .table-cell {
        font-size: 13px;
        line-height: 16px;
        color: var(--text-color-medium);
        height: 16px;
        border-bottom: 1px solid rgba(0,0,0,0.1);
        border-left: 1px solid rgba(0,0,0,0.1);
        padding: 0 12px 4px 12px;
        display: table-cell;
    }
    .mega-dialog.invitation-dialog .table-cell strong {
        font-size: 14px;
    }
    .mega-dialog.invitation-dialog .table-cell .dark-grey {
        color: var(--text-color-high);
    }
    .mega-dialog.invitation-dialog .table-cell .light-grey {
        color: var(--text-color-low);
    }
    .mega-dialog.invitation-dialog .table-cell .green {
        color: var(--text-color-success);
        font-size: 13px;
    }
    .mega-dialog.invitation-dialog .table-cell .orange {
        color: var(--text-color-warning);
        font-size: 13px;
    }
    .mega-dialog.invitation-dialog .table-cell.small {
        color: var(--text-color-low);
    }
    .mega-dialog.invitation-dialog .table-cell span {
        display: block;
        cursor: pointer;
        margin-inline-end: 8px;
    }
    .mega-dialog.invitation-dialog .table-cell span.desc {
        background-image: url(../images/mega/fm-main-sprite.png);
        background-position: right -11445px;
        background-repeat: no-repeat;
    }
    .mega-dialog.invitation-dialog .table-cell span.asc {
        background-image: url(../images/mega/fm-main-sprite.png);
        background-position: right -11475px;
        background-repeat: no-repeat;
    }
    .mega-dialog.invitation-dialog .table-scroll {
        height: 385px;
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }
    .mega-dialog.invitation-dialog .table-bg {
        min-height: 100%;
    }
    .mega-dialog.invitation-dialog .table-info {
        font-size: 14px;
        line-height: 18px;
        color: var(--text-color-medium);
        padding: 24px 48px 0 48px;
        text-align: start;
    }
    .mega-dialog.invitation-dialog .table-info span {
        color: var(--text-color-warning);
    }

/* end invitation-dialog */

/* astropay-dialog */

    .mega-dialog.astropay-dialog {
        max-height: 100%;
    }
    .mega-dialog.astropay-dialog .astropay-label {
        display: block;
        margin: 16px 0 8px;
    }
    .mega-dialog.astropay-dialog .fm-account-input {
        margin-top: 5px;
    }
    .mega-dialog.astropay-dialog .astropay-information {
        margin-bottom: 20px;
    }
    .mega-dialog.astropay-dialog .provider-name {
        color: var(--text-color-high);
    }
    .mega-dialog.astropay-dialog .provider-icon {
        margin: 0 2px;
    }
    .mega-dialog.astropay-dialog .powered-by-astropay {
        height: 36px;
        width: 80px;
        background: #fff;
        display: block;
        border-radius: 4px;
    }
    .mega-dialog.astropay-dialog .powered-by-astropay i {
        width: 96px;
        height: 96px;
        --icon-size: 96px;
        position: absolute;
        bottom: 17px;
        left: 39px;
        pointer-events: none;
    }
    .mega-dialog.astropay-dialog section {
        flex-shrink: unset;
    }
    .rtl .mega-dialog.astropay-dialog .powered-by-astropay i {
        left: auto;
        right: 32px;
    }

/* end astropay-dialog */

/* limited-bandwidth-dialog */

    .mega-dialog.limited-bandwidth-dialog {
        width: 975px;
        max-width: calc(100% - 40px);
        max-height: calc(100% - 40px);
        overflow: hidden;
    }
    .mega-dialog.limited-bandwidth-dialog:not(.uploads).pro3,
    .mega-dialog.limited-bandwidth-dialog:not(.uploads).pro-mini.no-cards {
        width: 640px;
    }
    .mega-dialog.limited-bandwidth-dialog .dialog.header-before-icon {
        font-family: var(--text-font-family);
        font-weight: bold;
        font-size: 20px;
        line-height: 30px;
        padding: 0 0 32px;
    }
    .mega-dialog.limited-bandwidth-dialog .pricing-page.radio-buttons {
        margin: 20px 0 16px;
        display: flex;
        height: 24px;
        float: right;
        align-items: center;
    }
    .mega-dialog.limited-bandwidth-dialog .pricing-page.radio-buttons .radioOn,
    .mega-dialog.limited-bandwidth-dialog .pricing-page.radio-buttons .radioOff {
        vertical-align: text-top;
    }
    .rtl .mega-dialog.limited-bandwidth-dialog .pricing-page.radio-buttons {
        float: left;
    }
    .mega-dialog.limited-bandwidth-dialog .pricing-page.radio-buttons .save-yearly,
    .mega-dialog.limited-bandwidth-dialog .pricing-page.plan-saving {
        background-color: var(--label-red);
        color: var(--text-color-white-high);
        border-radius: 9px;
        font-size: 12px;
        line-height: 14px;
        margin-inline-start: 8px;
        padding: 2px 8px 2px 9px;
    }
    .mega-dialog.limited-bandwidth-dialog .pricing-page.local-currency-tip {
        display: block;
        padding-top: 20px;
    }
    .mega-dialog.limited-bandwidth-dialog .scrollable.ps {
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
        position: relative;
        box-sizing: border-box;
        height: 100%;
    }
    .mega-dialog.limited-bandwidth-dialog .pricing-page.plans-block {
        border-top: 0;
        max-width: none;
    }
    .mega-dialog.limited-bandwidth-dialog:not(.uploads) .dialog.bottom-button {
        display: flex;
        justify-content: center;
        padding-top: 20px;
    }
    .mega-dialog.limited-bandwidth-dialog.pro3 .dialog.bottom-button,
    .mega-dialog.limited-bandwidth-dialog.pro-mini.no-cards .dialog.bottom-button {
        padding-top: 24px;
    }
    .mega-dialog.limited-bandwidth-dialog.pro3 .dialog.bottom-button > *:not(:last-child),
    .mega-dialog.limited-bandwidth-dialog.pro-mini.no-cards .dialog.bottom-button > *:not(:last-child) {
        margin-inline-end: 8px;
    }
    .mega-dialog.limited-bandwidth-dialog:not(.uploads) .dialog.bottom-button button.dialog-action {
        padding: 8px 12px;
    }
    .mega-dialog.limited-bandwidth-dialog.pro3 .dialog.bottom-button button.dialog-action,
    .mega-dialog.limited-bandwidth-dialog.pro3 .dialog.bottom-button button.upgrade,
    .mega-dialog.limited-bandwidth-dialog.pro-mini.no-cards .dialog.bottom-button button.dialog-action,
    .mega-dialog.limited-bandwidth-dialog.pro-mini.no-cards .dialog.bottom-button button.upgrade {
        font-size: 16px;
        line-height: 24px;
        padding: 12px 24px;
    }
    .mega-dialog.limited-bandwidth-dialog .step1-block .radio-txt,
    .mega-dialog.limited-bandwidth-dialog .pricing-page.plan-price,
    .mega-dialog.limited-bandwidth-dialog .pricing-page.plan-feature,
    .mega-dialog.limited-bandwidth-dialog section .content-block {
        padding: 0;
    }
    .mega-dialog.limited-bandwidth-dialog .step1-block .radio-txt:first-of-type {
        margin-inline-end: 32px;
    }
    .mega-dialog.limited-bandwidth-dialog .dialog.header-before-icon.exceeded,
    .mega-dialog.limited-bandwidth-dialog.exceeded .dialog.header-before-icon.limited,
    .mega-dialog.limited-bandwidth-dialog .limited-bottom,
    .mega-dialog.limited-bandwidth-dialog button.close,
    .mega-dialog.limited-bandwidth-dialog:not(.uploads) .transfer-overquota-txt,
    .mega-dialog.limited-bandwidth-dialog.pro.exceeded:not(.no-cards) .dialog.bottom-button,
    .mega-dialog.limited-bandwidth-dialog.uploads .messages p,
    .mega-dialog.limited-bandwidth-dialog.uploads .bottom-button,
    .mega-dialog.limited-bandwidth-dialog.exceeded .msg-prewarning,
    .mega-dialog.limited-bandwidth-dialog.uploads .msg-prewarning,
    .mega-dialog.limited-bandwidth-dialog:not(.pro3):not(.no-cards) section i.img-dialog-overquota-storage,
    .mega-dialog.limited-bandwidth-dialog:not(.pro3):not(.no-cards) .dialog.bottom-button button.upgrade,
    .mega-dialog.limited-bandwidth-dialog.pro3 .step1-block,
    .mega-dialog.limited-bandwidth-dialog.pro3 .local-currency-tip,
    .mega-dialog.limited-bandwidth-dialog:not(.local-currency) .local-currency-tip,
    .mega-dialog.limited-bandwidth-dialog:not(.local-currency) .ast,
    .mega-dialog.limited-bandwidth-dialog:not(.pro-mini) .pricing-page.period-subtitle,
    .mega-dialog.limited-bandwidth-dialog.pro-mini.no-cards .step1-block,
    .mega-dialog.limited-bandwidth-dialog.pro-mini.no-cards .local-currency-tip {
        display: none;
    }
    .mega-dialog.limited-bandwidth-dialog .step1-block,
    .mega-dialog.limited-bandwidth-dialog.exceeded .dialog.header-before-icon.exceeded,
    .mega-dialog.limited-bandwidth-dialog.exceeded button.close {
        display: block;
    }
    .mega-dialog.limited-bandwidth-dialog.pro3 section i.img-dialog-overquota-storage,
    .mega-dialog.limited-bandwidth-dialog.pro-mini.no-cards section i.img-dialog-overquota-storage,
    .mega-dialog.limited-bandwidth-dialog.exceeded .msg-overquota span,
    .mega-dialog.limited-bandwidth-dialog:not(.exceeded) .msg-prewarning > span {
        display: inline-block;
    }
    .mega-dialog.limited-bandwidth-dialog.exceeded .msg-overquota > span,
    .mega-dialog.limited-bandwidth-dialog:not(.exceeded) .msg-prewarning > span:first-child {
        width: 100%;
    }
    .mega-dialog.limited-bandwidth-dialog:not(.exceeded) .msg-prewarning > span:not(:first-child) {
        width: unset;
    }
    .mega-dialog.limited-bandwidth-dialog span.learn-more a {
        text-decoration: underline;
    }
    .mega-dialog.limited-bandwidth-dialog:not(.pro3) .msg-prewarning span.learn-more {
        margin-inline-start: 4px;
    }
    .mega-dialog.limited-bandwidth-dialog.pro3 span.learn-more,
    .mega-dialog.limited-bandwidth-dialog.pro-mini.no-cards span.learn-more,
    .mega-dialog.limited-bandwidth-dialog.pro-mini.no-cards span.upgrade-option {
        margin-top: 24px;
    }
    .mega-dialog.limited-bandwidth-dialog .dialog.transfer-overquota-txt {
        font: var(--text-body1);
        color: var(--text-color-high);
        margin: 0;
        box-sizing: border-box;
    }
    .mega-dialog.limited-bandwidth-dialog.pro-mini .pricing-page.plans-row {
        margin-top: 32px;
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
    }
    .mega-dialog.limited-bandwidth-dialog.pro-mini .pricing-page.plans-row > * {
        border: 1px solid var(--surface-mid-grey);
    }
    body:not(.rtl) .mega-dialog.limited-bandwidth-dialog:not(.pro-mini) .pricing-page.plans-row {
        border-top: 1px solid var(--surface-mid-grey);
        border-left: 1px solid var(--surface-mid-grey);
    }
    body:not(.rtl) .mega-dialog.limited-bandwidth-dialog:not(.pro-mini) .pricing-page.plans-row > * {
        border-bottom: 1px solid var(--surface-mid-grey);
        border-right: 1px solid var(--surface-mid-grey);
    }
    .rtl .mega-dialog.limited-bandwidth-dialog:not(.pro-mini) .pricing-page.plans-row {
        border-top: 1px solid var(--surface-mid-grey);
        border-right: 1px solid var(--surface-mid-grey);
    }
    .rtl .mega-dialog.limited-bandwidth-dialog:not(.pro-mini) .pricing-page.plans-row > * {
        border-bottom: 1px solid var(--surface-mid-grey);
        border-left: 1px solid var(--surface-mid-grey);
    }
    .mega-dialog.limited-bandwidth-dialog .offer-single,
    .mega-dialog.limited-bandwidth-dialog .offer-all {
        justify-content: center;
        align-items: center;
        padding: 4px;
        font-size: 14px;
        line-height: 20px;
        color: var(--color-discount-primary-text);
        font-weight: 600;
        background-color: var(--color-discount-primary-bg);
    }
    .mega-dialog.limited-bandwidth-dialog .plans-row .plan .offer {
        display: none;
    }
    .mega-dialog.limited-bandwidth-dialog.offer .plans-row .plan.offer .offer.offer-single {
        margin-inline-start: -24px;
        width: calc(100% + 48px);
        margin-bottom: 4px;
        color: var(--color-discount-primary-text);
        font: var(--text-body2);
        font-weight: 600;
        height: max-content;
        display: flex;
        text-wrap: auto;
        text-align: center;
        flex-shrink: 0;
    }
    .mega-dialog.limited-bandwidth-dialog.offer .plans-row .plan.offer.save-yearly-offer .offer.offer-single {
        background-color: var(--color-discount-secondary-bg);
        color: var(--color-discount-secondary-text);
    }
    .mega-dialog.limited-bandwidth-dialog .offer-all {
        margin-bottom: 16px;
        border-radius: 8px;
    }
    .mega-dialog.limited-bandwidth-dialog.offer .offer {
        display: flex;
    }
    .mega-dialog.limited-bandwidth-dialog.offer .pricing-page.plans-row > .offer {
        padding-top: 0;
    }
    .mega-dialog.limited-bandwidth-dialog .pricing-page.plans-row > * {
        display: flex;
        flex-direction: column;
        text-align: unset;
        padding: 32px 24px;
        height: 396px;
    }
    .mega-dialog.limited-bandwidth-dialog.pro-mini .pricing-page.plans-row > *:not(.starter) {
        padding: 12px 16px 12px 24px;
    }
    .mega-dialog.limited-bandwidth-dialog.pro-mini .pricing-page.plans-row > * {
        max-width: 275px;
        flex-basis: 100%;
    }
    .mega-dialog.limited-bandwidth-dialog .plans-row .pricing-page.plan > *,
    .mega-dialog.limited-bandwidth-dialog .pricing-page.plan-feature.strong *,
    .mega-dialog.limited-bandwidth-dialog .pricing-page.plan-price > *,
    .mega-dialog.limited-bandwidth-dialog section .content-block .messages > * {
        color: var(--text-color-high);
    }
    .mega-dialog.limited-bandwidth-dialog .pricing-page.plans-block {
        border-bottom: none;
    }
    .mega-dialog.limited-bandwidth-dialog .plan-content {
        display: flex;
        flex-direction: column;
        flex: 1;
        margin-top: unset;
    }
    .mega-dialog.limited-bandwidth-dialog .plan-header-container,
    .mega-dialog.limited-bandwidth-dialog .plan-content {
        display: flex;
        flex-direction: column;
    }
    .mega-dialog.limited-bandwidth-dialog .plan-content {
        flex: 1;
    }
    .mega-dialog.limited-bandwidth-dialog .title-and-saving {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
    }
    .mega-dialog.limited-bandwidth-dialog .plan-header-container .pricing-page.plan-title,
    .mega-dialog.limited-bandwidth-dialog .pricing-page.plan-price {
        font-size: 24px;
        line-height: 36px;
    }
    .mega-dialog.limited-bandwidth-dialog.pro-mini .plan:not(.starter) .pricing-page.plan-title,
    .mega-dialog.limited-bandwidth-dialog.exceeded .msg-overquota span.countdown,
    .mega-dialog.limited-bandwidth-dialog .pricing-page.plan-price > * {
        font-family: var(--text-font-family);
        font-weight: bold;
    }
    .mega-dialog.limited-bandwidth-dialog .cost .pricing-page.currency-and-period,
    .mega-dialog.limited-bandwidth-dialog .cost .pricing-page.pricing-plan-tax {
        font-size: 14px;
        text-wrap: auto;
    }
    .mega-dialog.limited-bandwidth-dialog .pricing-page.plan-feature.storage {
        padding: 32px 0 8px;
    }
    .mega-dialog.limited-bandwidth-dialog .plan-header-container {
        padding-bottom: 40px;
    }
    .mega-dialog.limited-bandwidth-dialog.pro-mini .plan.starter .pricing-page.plan-feature.transfer {
        padding-bottom: 64px;
    }
    .mega-dialog.limited-bandwidth-dialog.pro-mini .pricing-page.storage-and-transfer {
        flex: 1;
    }
    .mega-dialog.limited-bandwidth-dialog .pricing-page.plan .mega-button {
        padding: 8px 12px;
        min-width: unset;
        display: flex;
        margin: 0;
        height: 0;
        width: fit-content;
        border: none;
        border-radius: 4px;
        transition: none;
    }
    .mega-dialog.limited-bandwidth-dialog .plan .mega-button.positive {
        color: var(--text-green);
        border: 1px solid #00BFA5;
    }
    .mega-dialog.limited-bandwidth-dialog section {
        padding: 40px 30px 30px;
    }
    .mega-dialog.limited-bandwidth-dialog.pro.exceeded section {
        padding-bottom: 24px;
    }
    .mega-dialog.limited-bandwidth-dialog.pro3 section {
        padding: 40px 31.5px 80px;
    }
    .mega-dialog.limited-bandwidth-dialog.pro-mini.no-cards section {
        padding: 40px 31.5px;
    }
    .mega-dialog.limited-bandwidth-dialog section .centered-content > :not(i):not(.step1-block),
    .mega-dialog.limited-bandwidth-dialog section .plan-header-container .pricing-page.plan-title,
    .mega-dialog.limited-bandwidth-dialog section .pricing-page.plan-content > :not(button),
    .mega-dialog.limited-bandwidth-dialog.pro-mini section .pricing-page.period-subtitle,
    .mega-dialog.limited-bandwidth-dialog .pricing-page.local-currency-tip {
        opacity: 0.7;
    }
    .mega-dialog.limited-bandwidth-dialog section * {
        font-family: var(--text-font-family);
    }
    .mega-dialog.limited-bandwidth-dialog:not(.pro3):not(.no-cards) section .content-block .messages > *,
    .mega-dialog.limited-bandwidth-dialog .pricing-page.plan-only,
    .mega-dialog.limited-bandwidth-dialog .pricing-page.currency-and-period,
    .mega-dialog.limited-bandwidth-dialog .pricing-page.monthly-price,
    .mega-dialog.limited-bandwidth-dialog.pro-mini .pricing-page.period-subtitle,
    .mega-dialog.limited-bandwidth-dialog .pricing-page.plan-feature,
    .mega-dialog.limited-bandwidth-dialog .pricing-page.pricing-plan-tax {
        font-size: 16px;
        line-height: 24px;
    }
    .mega-dialog.limited-bandwidth-dialog .pricing-page.plan .mega-button,
    .mega-dialog.limited-bandwidth-dialog section .content-block .messages > * {
        font-size: 14px;
        line-height: 20px;
    }
    .mega-dialog.limited-bandwidth-dialog.offer:not(.offer-all) .pricing-page.plan:not(.offer) .mega-button,
    .mega-dialog.limited-bandwidth-dialog.offer:not(.offer-all) .pricing-page.plan.offer-hidden .mega-button,
    .mega-dialog.limited-bandwidth-dialog.offer:not(.offer-all) .pricing-page.plan.save-yearly-offer .mega-button {
        background: var(--surface-grey-2);
        color: var(--text-color-high);
        outline: none;
        border: 1px solid var(--stroke-grey-2);
    }
    .mega-dialog.limited-bandwidth-dialog.offer .pricing-page.plan:not(.offer) .mega-button:hover,
    .mega-dialog.limited-bandwidth-dialog.offer .pricing-page.plan.offer-hidden .mega-button:hover,
    .mega-dialog.limited-bandwidth-dialog.offer .pricing-page.plan.save-yearly-offer .mega-button:hover {
        background-color: var(--neutral-hover);
    }
    .mega-dialog.limited-bandwidth-dialog.offer:not(.offer-all) .pricing-page.plan.offer.outlined::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        outline: 1px solid red;
        top: 0;
        left: 0;
    }
    .mega-dialog.limited-bandwidth-dialog .pricing-page.plan-only,
    .mega-dialog.limited-bandwidth-dialog .pricing-page.currency-and-period > * {
        color: var(--text-color-medium);
    }
    .mega-dialog.limited-bandwidth-dialog .pricing-page.plan-only.strikethrough {
        text-decoration: line-through;
    }
    .mega-dialog.limited-bandwidth-dialog section i.img-dialog-overquota-storage {
        width: 128px;
        height: 90px;
        margin-bottom: 32px;
    }

/* end limited-bandwidth-dialog */

/* storage-dialog */

    .mega-dialog.storage-dialog {
        width: 644px;
    }
    .mega-dialog.storage-dialog header .graphic {
        height: 90px;
        margin: 32px auto;
    }
    .mega-dialog.storage-dialog .fm-dialog-body {
        padding: 0 48px 30px;
        text-align: center;
    }
    .mega-dialog.storage-dialog .body-p {
        font: var(--text-body1);
        padding: 0 0 12px 0;
    }
    .mega-dialog.storage-dialog .body-header {
        font: var(--text-h3);
        color: var(--text-color-medium);
        max-width: 420px;
        margin: 0 auto;
    }
    .mega-dialog.storage-dialog .odq-warning .body-p {
        font-family: var(--text-font-family);
        font-weight: 600;
        color: var(--text-color-high);
        display: inline-block;
        width: 400px;
        padding: initial;
        margin-bottom: 16px;
        text-align: initial;
        margin-inline-start: 16px;
        vertical-align: middle;
        margin-top: -35px;
    }
    .mega-dialog.storage-dialog .odq-warning .body-p span {
        color: var(--text-color-warning);
    }
    .mega-dialog.storage-dialog .odq-warning .warning-icon {
        width: 60px;
        height: 60px;
        display: inline-block;
    }
    .mega-dialog.storage-dialog .odq-warning {
        margin-top: 11px;
        margin-bottom: 24px;
    }
    .mega-dialog.storage-dialog .odq-warning .odq-divider {
        height: 1px;
        width: 100%;
        border-radius: 4px;
        background: var(--stroke-grey-2);
    }
    .mega-dialog.storage-dialog .fm-dialog-body.full.odq {
        padding-bottom: 36px;
    }
    .mega-dialog.storage-dialog .body-p a {
        color: var(--text-color-success);
        cursor: pointer;
    }
    .mega-dialog.storage-dialog .body-p b {
        font: var(--text-body1-bold);
    }
    .mega-dialog.storage-dialog .body-p.medium {
        font: var(--text-body1);
        padding: 2px 0 0 0;
    }
    .mega-dialog.storage-dialog .body-p i.rocket {
        cursor: pointer;
    }
    .mega-dialog.storage-dialog .body-p.rubbish-text a {
        color: var(--text-color-medium);
        cursor: pointer;
        text-decoration: underline;
    }
    .mega-dialog.storage-dialog.full header {
        padding-bottom: 32px;
    }
    .mega-dialog.storage-dialog.full .body-p.long {
        padding: 0 45px 12px;
    }
    .mega-dialog.storage-dialog.almost-full .full,
    .mega-dialog.storage-dialog.full .almost-full {
        display: none;
    }
    .mega-dialog.storage-dialog.full {
        display: block;
    }
    .mega-dialog.storage-dialog .buttons-block {
        display: flex;
        justify-content: center;
        padding: 12px 0 0 0;
        font-size: 0;
    }
    .mega-dialog.storage-dialog .buttons-block button {
        margin: 0 6px;
    }
    .mega-dialog.storage-dialog .estimated-price-text {
        margin-top: 20px;
        font: var(--text-body2);
        margin-bottom: -10px;
    }
    .mega-dialog.storage-dialog.almost-full .chart.progressbars span::before {
        background: var(--stroke-warning);
    }
    .mega-dialog.storage-dialog.almost-full .chart.progressbars span::after {
        background: var(--stroke-warning);
    }
    .mega-dialog.storage-dialog.almost-full .chart.progressbars .left-chart span::after {
        left: calc(49% - 1px);
    }
    .mega-dialog.storage-dialog.almost-full .chart.progressbars .right-chart span::after {
        left: calc(48% - 3px);
    }
    .mega-dialog.storage-dialog.almost-full .size-txt {
        color: var(--text-color-warning) !important;
    }
    .mega-dialog.storage-dialog .chart .perc-txt {
        font: var(--text-body1);
        color: var(--text-color-high);
        display: block;
        height: auto;
        position: absolute;
        z-index: 11;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
    }
    .mega-dialog.storage-dialog .account.chart.body::after {
        background: var(--surface-main);
    }
    .mega-dialog.storage-dialog .account.chart.body {
        transform: none;
    }
    .mega-dialog.storage-dialog .account.chart.overlay span::after {
        border-color: var(--stroke-main);
    }
    .mega-dialog.storage-dialog .account.chart.data {
        margin: 0;
        margin-inline-start: 24px;
    }
    .mega-dialog.storage-dialog .account.chart-block {
        display: flex;
        margin: 24px 0 32px;
        text-align: start;
        align-items: center;
        justify-content: center;
        padding: 0;
        font-size: 0;
    }

/* end storage-dialog */

/* copyrights-dialog */

    .mega-dialog.copyrights-dialog {
        width: 644px;
    }
    .mega-dialog.copyrights-dialog p {
        margin-top: 20px;
    }

/* end copyrights-dialog */

/* achievements-list-dialog */

    .mega-dialog.achievements-list-dialog {
        width: 996px;
        overflow: hidden;
    }
    .mega-dialog.achievements-list-dialog .content-block {
        padding: 0;
        background: var(--surface-grey-1);
    }
    .theme-dark .mega-dialog.achievements-list-dialog .content-block {
        background: var(--surface-grey-2);
    }
    .mega-dialog.achievements-list-dialog .account.top-header.small {
        text-align: center;
        padding: 40px 40px 0 40px;
    }
    .mega-dialog.achievements-list-dialog header {
        border-bottom: 1px solid var(--stroke-grey-2);
    }
    .mega-dialog.achievements-list-dialog .achievements-scroll {
        padding: 0 48px;
        max-height: 550px;
        overflow: hidden;
    }
    .mega-dialog.achievements-list-dialog .achievement-banner {
        width: 100%;
        display: flex;
        padding: 32px;
        margin-top: 24px;
    }
    .mega-dialog.achievements-list-dialog .achievement-banner,
    .mega-dialog.achievements-list-dialog .achievements-cell {
        background: var(--surface-main);
        border: 2px solid var(--stroke-grey-2);
        border-radius: 12px;
    }
    .mega-dialog.achievements-list-dialog .achieved-block {
        width: calc(100% / 3);
        position: relative;
        display: flex;
        align-items: center;
    }
    .mega-dialog.achievements-list-dialog .achieved-block:last-of-type {
        justify-content: flex-end;
    }
    /* .rtl .mega-dialog.achievements-list-dialog .achieved-block:first-of-type {
        border-right: none;
    } */
    .mega-dialog.achievements-list-dialog .achieved-block .achievements-header-icon {
        margin: 0 24px;
        width: 48px;
        height: 48px;
    }
    .mega-dialog.achievements-list-dialog .achievement-banner .fm-account-header {
        font: var(--text-color-high);
        display: block;
        margin: 0;
        height: auto;
    }
    .mega-dialog.achievements-list-dialog .achievement-banner .fm-account-header span {
        line-height: 24px;
    }
    .mega-dialog.achievements-list-dialog .achievement-banner .quota-txt {
        font: var(--text-h1);
        color: var(--text-color-high);
        display: block;
    }
    .mega-dialog.achievements-list-dialog .achieved-block.invitees .new-dialog-icon {
        margin-inline-start: 8px;
        opacity: 0.7;
        cursor: pointer;
        transition: 0.2s;
        --icon-size: 24px;
        display: inline-block;
        --mask-color: var(--text-color-high);
    }
    .mega-dialog.achievements-list-dialog .achieved-block.invitees .new-dialog-icon:hover {
        opacity: 1;
    }
    .mega-dialog.achievements-list-dialog .achievements-list {
        margin-top: 40px;
        display: flex;
        flex-wrap: wrap;
    }
    .mega-dialog.achievements-list-dialog .achievements-cell {
        width: calc((100% - 48px) / 3);
        margin-bottom: 24px;
        margin-inline-end: 24px;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .mega-dialog.achievements-list-dialog .achievement-details {
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    .mega-dialog.achievements-list-dialog .achievements-cell:nth-child(3n) {
        margin-inline-end: 0;
    }
    .mega-dialog.achievements-list-dialog .achievements-cell .image-container {
        width: 128px;
        height: 128px;
        margin: 12px auto 12px;
        display: flex;
        flex-grow: 0;
        flex-shrink: 0;
    }
    .mega-dialog.achievements-list-dialog .achievements-cell .image-container .green-tick {
        height: 100%;
        width: 100%;
    }
    .mega-dialog.achievements-list-dialog .achievements-cell .image-container .achievement-icon {
        margin: auto;
        width: 100%;
        --width: 100%;
    }

    .mega-dialog.achievements-list-dialog .ach-install-megasync .achievement-icon {
        height: 70px;
    }
    .mega-dialog.achievements-list-dialog .ach-install-mobile-app .achievement-icon {
        height: 102px;
    }
    .mega-dialog.achievements-list-dialog .ach-invite-friend .achievement-icon {
        height: 74px;
    }
    .mega-dialog.achievements-list-dialog .ach-sms-verification .achievement-icon {
        height: 101px;
    }
    .mega-dialog.achievements-list-dialog .ach-create-account .achievement-icon {
        height: 88px;
    }
    .mega-dialog.achievements-list-dialog .ach-vpn-trial .achievement-icon {
        height: 100px;
        background-image: url('../images/mega/achievements/achievements-icon-vpn.png');
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .mega-dialog.achievements-list-dialog .ach-pwm-trial .achievement-icon {
        height: 100%;
        background-image: url('../images/mega/achievements/achievements-icon-pwm.png');
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .mega-dialog.achievements-list-dialog .achievement-full.info {
        padding: 0 24px;
        position: relative;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    }
    .mega-dialog.achievements-list-dialog .achievements-cell .achievement-full.info .subtitle-txt {
        text-align: center;
        max-width: 236px;
        height: 40px;
        line-height: 20px;
    }
    .mega-dialog.achievements-list-dialog .achievement-full.info .achi-content-txt {
        text-align: center;
        display: block;
        padding-top: 8px;
        font: var(--text-body2);
        color: var(--text-color-medium);
        vertical-align: top;
    }
    .mega-dialog.achievements-list-dialog .achievement-full.info .content-txt-container {
        display: block;
        padding-top: 8px;
        height: 112px;
    }
    .mega-dialog.achievements-list-dialog .achievements-cell .remind-icon {
        width: 24px;
        height: 24px;
        display: inline-block;
        margin-inline-start: 4px;
        margin-top: -6px;
        cursor: pointer;
        vertical-align: middle;
    }
    .mega-dialog.achievements-list-dialog .achievements-cell .dropdown-inverted-arrow {
        position: absolute;
        top: 0;
        right: 46px;
    }
    .rtl .mega-dialog.achievements-list-dialog .achievements-cell .dropdown-inverted-arrow {
        right: auto;
        left: 46px;
    }
    .mega-dialog.achievements-list-dialog .achievements-cell .icon-container {
        display: inline-block;
        vertical-align: top;
        width: 24px;
        height: 22px;
        overflow: visible;
        position: absolute;
        margin-top: 2px;
        margin-inline-start: -4px;
    }
    .mega-dialog.achievements-list-dialog .content-txt-container ol {
        list-style-position: inside;
        padding: 0;
        margin: 0;
        color: var(--texct-color-medium);
    }
    .mega-dialog.achievements-list-dialog .content-txt-container ol li {
        text-align: center;
        margin-bottom: 12px;
        position: relative;
    }
    .mega-dialog.achievements-list-dialog .content-txt-container ol li:last-child {
        margin-bottom: 0;
    }
    .mega-dialog.achievements-list-dialog .content-txt-container li a {
        width: 216px;
        color: var(--text-color-medium);
        text-decoration: none;
        font: var(--text-body1);
        cursor: default;
    }
    .mega-dialog.achievements-list-dialog .achievements-cell .achievement-dialog.expires-txt {
        padding: 2px 16px;
        text-align: center;
        display: none;
        border-radius: 4px;
        margin: 24px 0;
        align-self: center;
    }
    .mega-dialog.achievements-list-dialog .achievements-cell .achievement-dialog.expires-txt.info {
        background: var(--banner-background-info);
        border: 1px solid var(--banner-border-info);
        color: var(--banner-text-info);
    }
    .mega-dialog.achievements-list-dialog .achievements-cell .achievement-dialog.expires-txt.error {
        background: var(--banner-background-error);
        border: 1px solid var(--banner-border-error);
        color: var(--banner-text-error);
        min-width: 70%;
    }
    .mega-dialog.achievements-list-dialog .achievements-cell.achieved .achievement-dialog.expires-txt,
    .mega-dialog.achievements-list-dialog .achievements-cell.one-reward .achievement-dialog.expires-txt {
        display: inline-block;
    }
    .mega-dialog.achievements-list-dialog .achievement-full.info .mega-button.positive {
        width: auto;
        margin: 24px auto 16px;
        position: relative;
        display: inline-block;
    }
    .mega-dialog.achievements-list-dialog .achievements-cell.achieved .mega-button.positive,
    .mega-dialog.achievements-list-dialog .achievements-cell.one-reward .mega-button.positive {
        display: none;
    }

    .mega-dialog.achievements-list-dialog footer aside p,
    .mega-dialog.achievements-list-dialog footer aside a {
        font: var(--text-h3);
    }
    .mega-dialog.achievements-list-dialog footer a {
        text-decoration: underline;
    }
    .mega-dialog.achievements-list-dialog footer .footer-container p span {
        color: var(--text-color-success);
    }

    @media only screen and (max-height: 740px) {
        .mega-dialog.achievements-list-dialog .achievements-scroll {
            max-height: 448px;
        }
    }

/* end achievements-list-dialog */

/* duplicate-conflict dialog */

    .mega-dialog.duplicate-conflict {
        max-height: calc(100% - 24px);
        width: 564px;
    }
    .mega-dialog.duplicate-conflict .content {
        flex: 1 1 auto;
    }
    .mega-dialog.duplicate-conflict .radio-txt {
        padding: 0;
        display: initial;
    }
    .mega-dialog.duplicate-conflict .info-txt {
        font-size: 14px;
        line-height: 24px;
        color: var(--text-color-medium);
    }
    .mega-dialog.duplicate-conflict .info-txt strong {
        font-family: var(--text-font-family);
        font-weight: 600;
        word-break: break-word;
        display: inline-block;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        vertical-align: top;
    }
    .mega-dialog.duplicate-conflict .info-txt.light-grey {
        color: var(--text-color-low);
    }
    .mega-dialog.duplicate-conflict .info-txt.light-grey .red {
        white-space: nowrap;
    }
    .mega-dialog.duplicate-conflict .red-header {
        font-size: 17px;
        line-height: 26px;
        color: var(--text-color-error);
    }
    .mega-dialog.duplicate-conflict .action-block {
        box-sizing: border-box;
        border: none;
        text-align: start;
        background: none;
        cursor: pointer;
        outline: none;
        border-radius: 8px;
        padding: 4px 12px;
        margin-top: 12px;
        position: relative;
        left: -12px;
        width: calc(100% + 24px);
        background-color: inherit;
    }
    .rtl .mega-dialog.duplicate-conflict .action-block {
        left: auto;
        right: -12px;
    }
    .mega-dialog.duplicate-conflict .action-block:hover {
        background: var(--surface-grey-2);
    }
    .mega-dialog.duplicate-conflict .info-block {
        padding: 9px 0;
        display: table;
        width: 100%;
        table-layout: fixed;
        position: relative;
        background-color: inherit;
    }
    .mega-dialog.duplicate-conflict .file-info {
        padding-inline-start: 78px;
        font-size: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        height: 60px;
        display: table-cell;
        vertical-align: middle;
    }
    .mega-dialog.duplicate-conflict .file-info .info-txt {
        line-height: 20px;
    }
    .mega-dialog.duplicate-conflict .file-name {
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
    .mega-dialog.duplicate-conflict .item-type-icon-90 {
        --icon-size: 78px;
        position: absolute;
        background-color: inherit;
        top: 1px;
    }
    .mega-dialog.duplicate-conflict .file-date span,
    .mega-dialog.duplicate-conflict .file-date i {
        display: inline-block;
        vertical-align: top;
        position: relative;
    }
    .mega-dialog.duplicate-conflict .file-date i {
        margin: -1px 0 0 0;
        margin-inline-start: -4px;
        margin-inline-end: 1px;
    }
    .mega-dialog.duplicate-conflict .file-date .time {
        padding-inline-start: 22px;
    }
    .mega-dialog.duplicate-conflict .file-date .time::before {
        content: '';
        display: block;
        position: absolute;
        left: 10px;
        top: 3px;
        width: 1px;
        height: 14px;
        background-color: rgba(0,0,0,0.1);
    }
    .rtl .mega-dialog.duplicate-conflict .file-date .time::before {
        left: auto;
        right: 10px;
    }

/* end duplicate-conflict dialog */

/* pass-remider dialog */

/* Password remider */
    .fr .mega-dialog.pass-reminder,
    .ru .mega-dialog.pass-reminder {
        width: 690px;
    }
    .mega-dialog.pass-reminder header .graphic {
        height: 79px;
    }
    .mega-dialog.pass-reminder .content-block {
        position: relative;
    }
    .mega-dialog.pass-reminder .bottom-page.big-icon {
        margin: 23px auto 0 auto;
        display: block;
    }
    .mega-dialog.pass-reminder .info-txt {
        font-size: 14px;
        line-height: 24px;
        text-align: center;
        padding: 23px 0 32px 0;
    }
    .mega-dialog.pass-reminder .light.info-txt {
        color: var(--text-color-low);
        line-height: 18px;
        padding-top: 6px 0 0 0;
    }
    .mega-dialog.pass-reminder .info-txt a {
        color: var(--text-color-error);
    }
    .mega-dialog.pass-reminder .dialog.input-wrapper {
        display: table;
        width: 100%;
        font-size: 0;
        line-height: 0;
        margin-bottom: 4px;
    }
    .mega-dialog.pass-reminder .dialog.big-input-bg {
        display: table-cell;
        height: 36px;
        background: var(--surface-grey-1);
        border-radius: 3px;
        box-sizing: border-box;
        border: 1px solid var(--stroke-grey-2);
        padding: 8px 12px 0 12px;
        vertical-align: top;
    }
    .mega-dialog.pass-reminder .dialog.big-input-bg input {
        margin: 0;
        padding: 0;
        border: 0;
        width: calc(100% - 24px);
        font-size: 14px;
        line-height: 18px;
        vertical-align: top;
        background: var(--surface-grey-1);
        color: var(--text-color-high);
    }
    .mega-dialog.pass-reminder .dialog.big-input-bg i {
        --icon-size: 18px;
    }
    .mega-dialog.pass-reminder.wrong .dialog.big-input-bg {
        border: 1px solid var(--stroke-error);
    }
    .mega-dialog.pass-reminder.wrong .dialog.big-input-bg input {
        color: var(--text-color-error);
    }
    .mega-dialog.pass-reminder .dialog.big-input-bg input::placeholder {
        color:var(--text-color-low);
    }
    .mega-dialog.pass-reminder .dialog.input-button {
        display: table-cell;
        width: 96px;
        box-sizing: border-box;
        padding-inline-start: 12px;
        vertical-align: top;
    }
    .mega-dialog.pass-reminder .result-block {
        margin: 8px 0 0 0;
        min-height: 4px;
    }
    .mega-dialog.pass-reminder .result-txt {
        font-size: 12px;
        line-height: 15px;
        color: var(--text-color-success);
        text-align: center;
    }
    .mega-dialog.pass-reminder .result-txt.wrong {
        color: var(--text-color-error);
    }
    .mega-dialog.pass-reminder .result-txt i {
        display: inline-block;
        vertical-align: top;
        margin: 0;
        margin-inline-end: 5px;
    }
    .mega-dialog.pass-reminder .second-option-wrapper {
        display: block;
        text-align: center;
        position: relative;
        padding: 16px 0 24px;
        color: var(--text-color-low);
        font-size: 13px;
        line-height: 20px;
    }
    .mega-dialog.pass-reminder .second-option-wrapper::after {
        content: "";
        width: 100%;
        height: 1px;
        background-color: var(--stroke-grey-2);
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .mega-dialog.pass-reminder .second-option-wrapper a {
        color: var(--text-color-success);
        text-decoration: underline;
        cursor: pointer;
        margin-inline-start: 8px;
        vertical-align: top;
        font-size: 14px;
        line-height: 20px;
    }
    .mega-dialog.pass-reminder .dropdown.body.pass-reminder .radio-txt.medium {
        font-size: 14px;
    }
    .mega-dialog.pass-reminder button.change-pass {
        display: none;
    }
    .mega-dialog.pass-reminder.wrong button.change-pass {
        display: inline-block;
    }

/* end password-reminder dialog */

/* park-account-dialog */

    .mega-dialog.park-account-dialog {
        width: 640px;
    }
    .mega-dialog.park-account-dialog .checkbox-container .settings-row .checkdiv {
        flex-grow: 0;
        flex-shrink: 0;
    }
    .mega-dialog.park-account-dialog .settings-row .info-icon:hover {
        opacity: 0.8;
    }
    .mega-dialog.park-account-dialog .checkbox-container .settings-row {
        display: flex;
        margin-bottom: 24px;
    }
    .mega-dialog.park-account-dialog .checkbox-container .checkdiv {
        margin: 2px 11px 0 0;
    }
    .mega-dialog.park-account-dialog .checkbox-container .settings-row:last-of-type {
        margin-bottom: 0;
    }
    .mega-dialog.park-account-dialog .content-text {
        margin-left: 60px;
        line-height: 21px;
    }

/* end park-account-dialog */

/* two-factor-dialog shared styles: setup-two-factor-verify, setup-two-factor-backup-key, two-factor-verify-action, verify-two-factor-login, setup-two-factor */

    /* shared styles */

        .mega-dialog.two-factor-dialog {
            width: 520px;
        }
        .mega-dialog.two-factor-dialog .two-factor-content-block {
            position: relative;
            height: auto;
            padding: 24px 30px 0 30px;
        }
        .mega-dialog.two-factor-dialog .two-factor-content-block.verify-tfactor {
            margin: 10px 18px 0;
        }
        .mega-dialog.two-factor-dialog .two-factor-qr-code {
            width: 244px;
            height: 244px;
            background-color: #f2f2f2;
            margin: 24px auto 48px;
            position: relative;
            padding: 10px;
            border-radius: 10px;
        }
        .mega-dialog.two-factor-dialog .fm-account-input input {
            box-sizing: border-box;
            border-radius: 3px;
            background-color: var(--text-grey-1);
            line-height: 36px;
            padding: 0;
            text-align: center;
            height: 36px;
        }
        .mega-dialog.two-factor-dialog .fm-account-input {
            height: 38px;
            margin: 24px auto 16px;
        }
        .mega-dialog.two-factor-dialog .finish-button {
            width: initial;
            min-width: 120px;
        }
        .mega-dialog.two-factor-dialog .dialog-body-subheader {
            width: 300px;
            color: var(--text-color-high);
            font: var(--text-h2);
            font-family: var(--text-font-family);
            font-weight: 600;
            text-align: center;
            margin: 0 auto 32px;
        }
        .mega-dialog.two-factor-dialog .dialog-body-centre-text {
            width: 384px;
            text-align: center;
            margin: 16px auto 24px;
        }
        .auth-app-select-tooltip {
            background: var(--surface-main);
            box-shadow: 0 2px 10px 0 rgba(0,0,0,0.15);
            border-radius: 12px;
            margin: 5px;
            position: absolute;
            width: 376px;
            z-index: 1300;
        }
        .auth-app-select-tooltip .dropdown-white-arrow {
            display: block;
        }
        .auth-app-select-tooltip .explanation {
            color: var(--text-color-high);
            font: var(--text-body1);
            margin: 24px 20px 20px 20px;
        }
        .auth-app-select-tooltip .app-link {
            cursor: pointer;
            display: block;
            border: 1px solid var(--stroke-grey-2);
            border-radius: 4px;
            margin: 4px 20px 0 20px;
            position: relative;
            transition: all 200ms ease-in-out;
        }
        .auth-app-select-tooltip .app-link:hover {
            background: var(--surface-grey-1);
        }
        .auth-app-select-tooltip .app-link:last-child {
            margin-bottom: 20px;
        }
        .auth-app-select-tooltip .app-link-icon {
            background: url(../images/mega/2fa-auth-apps.png);
            background-repeat: no-repeat;
            display: inline-block;
            height: 32px;
            position: absolute;
            left: 14px;
            top: 12px;
            width: 32px;
        }
        .rtl .auth-app-select-tooltip .app-link-icon {
            left: auto;
            right: 14px;
        }
        .auth-app-select-tooltip .authy .app-link-icon {
            background-position: -2px -2px;
        }
        .auth-app-select-tooltip .duomobile .app-link-icon {
            background-position: -38px -2px;
        }
        .auth-app-select-tooltip .googleauthenticator .app-link-icon {
            background-position: -2px -38px;
        }
        .auth-app-select-tooltip .microsoftauthenticator .app-link-icon {
            background-position: -38px -38px;
        }
        .auth-app-select-tooltip .app-link-text {
            color: var(--text-color-medium);
            display: block;
            font-size: 14px;
            line-height: 56px;
            margin-inline-start: 64px;
        }
        .auth-app-select-tooltip .app-arrow {
            --icon-size: 24px;
            right: 25px;
            position: absolute;
            top: 15px;
            --mask-color: var(--text-color-medium);
        }
        .rtl .auth-app-select-tooltip .app-arrow {
            right: auto;
            left: 25px;
            transform: rotate(180deg);
        }

    /* verify-two-factor-login */

        .mega-dialog.verify-two-factor-login {
            width: 480px;
        }
        .mega-dialog.verify-two-factor-login .fm-account-input {
            width: 302px;
        }
        .mega-dialog.verify-two-factor-login .fm-account-input input {
            color: var(--text-color-high);
            font-size: 20px;
            line-height: 25px;
            text-align: center;
        }
        .es .mega-dialog.verify-two-factor-login .fm-account-input input,
        .es .mega-dialog.setup-two-factor-verify .pin-input {
            font: var(--text-h3);
        }
        .mega-dialog.verify-two-factor-login .warning-text-field,
        .mega-dialog.two-factor-verify-action .warning-text-field {
            background: var(--banner-background-error);
            border: 1px solid var(--banner-border-error);
            border-radius: 2px;
            box-sizing: border-box;
            color: var(--banner-text-error);
            font: var(--text-body1);
            margin: 0 auto;
            padding: 4px 0;
            text-align: center;
            width: 302px;
        }
        .mega-dialog.verify-two-factor-login .loading-image img {
            width: 28px;
            height: 28px;
        }
        .mega-dialog.verify-two-factor-login .lost-authenticator-button:hover {
            text-decoration: underline;
        }
        .mega-dialog.verify-two-factor-login .lost-authenticator-button {
            cursor: pointer;
        }

    /* two-factor-verify-action */

        .mega-dialog.two-factor-verify-action .lost-authenticator-button {
            cursor: pointer;
        }
        .mega-dialog.two-factor-verify-action .lost-authenticator-button:hover {
            text-decoration: underline;
        }
        .mega-dialog.two-factor-verify-action .pin-input {
            color: var(--text-color-high);
            font: var(--text-h3);
            text-align: center;
        }

    /* setup-two-factor */

        .mega-dialog.setup-two-factor .no-auth-app-button {
            color: var(--text-color-success);
            cursor: pointer;
            display: inline-block;
            margin-top: 12px;
        }

    /* setup-two-factor-verify */

        .mega-dialog.setup-two-factor-verify .pin-input {
            color: var(--text-color-high);
            font: var(--text-h3);
            text-align: center;
        }

    /* setup-two-factor-backup-key */

        .mega-dialog.setup-two-factor-backup-key .content-block {
            margin-top: 16px;
            padding-bottom: 24px;
        }
        .mega-dialog.setup-two-factor-backup-key .recovery-key-container .recovery-key-icon {
            height: 48px;
            width: 48px;
            margin: 8px 0 8px 0;
            margin-inline-start: 12px;
            margin-inline-end: 8px;
            display: inline-block;
        }
        .mega-dialog.setup-two-factor-backup-key .information-highlight.warning {
            width: 100%;
            margin: 12px auto 16px;
        }
        .mega-dialog.setup-two-factor-backup-key .recovery-key-container {
            box-sizing: border-box;
            height: 66px;
            border: 1px solid var(--stroke-grey-2);
            border-radius: 4px;
        }
        .mega-dialog.setup-two-factor-backup-key .recovery-key-container .recovery-key-button {
            float: right;
            margin-top: 16px;
            margin-inline-end: 12px;
        }
        .rtl .mega-dialog.setup-two-factor-backup-key .recovery-key-container .recovery-key-button {
            float: left;
        }
        .mega-dialog.setup-two-factor-backup-key .recovery-key-info-block {
            display: inline-block;
            vertical-align: top;
            margin-top: 15px;
        }
        .mega-dialog.setup-two-factor-backup-key .recovery-key-info-block .recovery-key-name {
            height: 18px;
            width: 210px;
            color: var(--text-color-high);
            font-size: 14px;
            line-height: 18px;
        }
        .mega-dialog.setup-two-factor-backup-key .recovery-key-info-block .recovery-key-size {
            color: var(--text-color-low);
            font-size: 13px;
            line-height: 17px;
        }
        .mega-dialog.setup-two-factor-backup-key .dialog-body-centre-text {
            margin: 24px auto 0;
        }

/* end two-factor-dialog shared styles */

/* qr-contact dialog */

    .mega-dialog.qr-contact {
        width: 482px;
    }
    .mega-dialog.qr-contact .avatar-wrapper {
        width: 100px;
        height: 100px;
        font-size: 38px;
        line-height: 96px;
        font-family: 'LatoWebSemibold', Arial, sans-serif;
        margin: 0 auto;
        float: none;
    }
    .mega-dialog.qr-contact .avatar-wrapper .verified_icon {
        display: none;
    }
    .mega-dialog.qr-contact .avatar-wrapper img {
        width: 96px;
        height: 96px;
        margin-top: 2px;
    }
    .mega-dialog.qr-contact .qr-contact-name {
        color: var(--text-color-high);
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        margin-top: 24px;
        user-select: text;
    }
    .mega-dialog.qr-contact .qr-contact-email {
        color: var(--text-color-medium);
        font-size: 14px;
        line-height: 18px;
        text-align: center;
        user-select: text;
        margin-top: 4px;
    }

/* end qr-contact dialog */

/* group-chat-link */

    .mega-dialog.group-chat-link {
        width: 520px;
    }
    .mega-dialog.group-chat-link header {
        flex-direction: initial;
    }
    .mega-dialog.group-chat-link header i {
        margin-inline-end: 8px;
        border-radius: 2px;
        --icon-size: 32px;
    }
    .mega-dialog.group-chat-link header h2,
    .mega-dialog.group-chat-link .content-block {
        text-align: start;
    }
    .mega-dialog.group-chat-link.in-call-info header h2,
    .mega-dialog.group-chat-link.in-call-info .content-block {
        text-align: start;
    }
    .fr .mega-dialog.group-chat-link {
        width: 440px;
    }
    .mega-dialog.group-chat-link .meeting-icon {
        margin-inline-end: 8px;
    }
    .mega-dialog.group-chat-link .meeting-icon i {
        --icon-size: 24px;
        margin-inline: auto;
    }
    .mega-dialog.group-chat-link .link-input-container,
    .mega-dialog.invite .link-input-container {
        position: relative;
    }
    .mega-dialog.group-chat-link .link-input-container input {
        padding-inline-end: 75px;
    }
    .mega-dialog.group-chat-link .link-input-container button {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        border-radius: 0 4px 4px 0;
        z-index: 11;
    }
    .rtl .mega-dialog.group-chat-link .link-input-container button {
        left: 0;
        right: unset;
    }
    .mega-dialog.group-chat-link .info {
        color: var(--text-color-medium);
        padding-top: 7px;
    }
    .mega-dialog.group-chat-link .info span {
        color: var(--text-color-high);
    }
    .mega-dialog.group-chat-link .big-icon {
        margin: 12px auto 0 auto;
    }
    .mega-dialog.group-chat-link .chat-link-input,
    .mega-dialog.invite-meeting .chat-link-input {
        position: relative;
        box-sizing: border-box;
        padding-inline-end: 10px;
    }
    .mega-dialog.group-chat-link .chat-link-input i,
    .mega-dialog.invite-meeting .chat-link-input i {
        position: absolute;
        left: 5px;
        top: 50%;
        transform: translateY(-50%);
        --icon-size: 28px;
        --mask-color: var(--icon-rest);
    }
    .rtl .mega-dialog.group-chat-link .chat-link-input i,
    .rtl .mega-dialog.invite-meeting .chat-link-input i {
        left: unset;
        right: 5px;
    }
    .mega-dialog.group-chat-link .chat-link-input input,
    .mega-dialog.invite-meeting .chat-link-input input {
        width: 100%;
        height: 40px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-inline-start: 35px;
        padding-inline-end: 10px;
        margin: 0;
        border: 2px solid var(--stroke-grey-2);
        border-radius: 12px;
        background: var(--surface-grey-1);
        color: var(--text-color-medium);
    }
    .mega-dialog.group-chat-link.requires-topic {
        width: 450px;
    }

/* end group-chat-link */

/* contact-nickname-dialog */

    .mega-dialog.contact-nickname-dialog {
        width: 550px;
    }
    .mega-dialog.contact-nickname-dialog .content-block {
        margin: 16px 0;
    }
    .mega-dialog.contact-nickname-dialog .input-block {
        position: relative;
    }
    .mega-dialog.contact-nickname-dialog .input-block i {
        left: 7px;
        position: absolute;
        top: 20px;
        --icon-size: 24px;
        --mask-color: var(--text-color-medium);
    }
    .rtl .mega-dialog.contact-nickname-dialog .input-block i {
        left: auto;
        right: 7px;
    }

/* end contact-nickname-dialog */

/* affiliate-redeem dialog */


/* end affiliate-redeem dialog */

/* verify-phone dialog */

    .mega-dialog.verify-phone {
        width: 360px;
    }
    .mega-dialog.verify-phone header {
        /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
        background: linear-gradient(to bottom, #40b0d7 0%, #29a6d1 100%);
        padding-bottom: 0;
        margin-bottom: 24px;
    }
    .mega-dialog.verify-phone header h2 {
        color: white;
        margin-bottom: 36px;
    }
    .mega-dialog.verify-phone.suspended button.close,
    .mega-dialog.verify-phone.suspended .not-now-button {
        display: none;
    }
    .mega-dialog.verify-phone .verify-ph-info {
        font: var(--text-body1);
        min-height: 72px;
        padding: 0 0 20px 0;
        box-sizing: border-box;
        text-align: center;
    }
    .mega-dialog.verify-phone .verify-ph-info.long {
        letter-spacing: 1px;
    }
    .mega-dialog.verify-phone .verify-ph-info .green-lnk {
        color: var(--text-color-success);
        font-size: 13px;
        cursor: pointer;
        display: block;
    }
    .mega-dialog.verify-phone .verify-ph-info .phone-num {
        color: var(--text-color-low);
        display: block;
    }
    .mega-dialog.verify-phone .verify-success-page .verify-ph-info {
        min-height: 0;
    }
    .mega-dialog.verify-phone .verify-ph-icon,
    .mega-dialog.verify-phone .verify-ph-success-icon {
        width: 150px;
        --width: 150px;
        height: 172px;
        margin: auto;
    }
    .mega-dialog.verify-phone .verify-ph-info.small-txt {
        font-size: 13px;
        min-height: 0;
    }
    .mega-dialog.verify-phone .account.input-tooltip + .verify-ph-info {
        padding: 32px 0 0 0;
    }
    .mega-dialog.verify-phone .incorrect + .account.input-tooltip + .verify-ph-info {
        padding: 8px 0 0 0;
    }
    .mega-dialog.verify-phone .verify-ph-bonus-container {
        padding: 22px 0 0;
        margin: auto;
        text-align: start;
        display: inline-block;
    }
    .mega-dialog.verify-phone .verify-success-page {
        text-align: center;
    }
    .mega-dialog.verify-phone .verify-ph-info.long {
        height: auto;
        min-height: 0;
    }
    .mega-dialog.verify-phone .verify-success-page.non-achievement-account .verify-ph-info.long {
        height: 174px;
        margin-top: 48px;
    }
    .mega-dialog.verify-phone .verify-ph-bonus-container .bonus-image {
        display: inline-block;
        margin-inline-end: 20px;
    }
    .mega-dialog.verify-phone .verify-success-page.non-achievement-account .verify-ph-bonus-container {
        display: none;
    }
    .mega-dialog.verify-phone .verify-ph-bonus-block.storge-bonus .bonus-image {
        background-position: -22px -267px;
    }
    .mega-dialog.verify-phone .verify-ph-bonus-block.transfer-bonus .bonus-image {
        background-position: -92px -267px;
    }
    .mega-dialog.verify-phone .verify-ph-bonus-container .verify-ph-bonus-block:not(:last-child) .bonus-image {
        margin-bottom: 24px;
    }
    .mega-dialog.verify-phone .verify-ph-bonus-block {
        display: table-row-group;
    }
    .mega-dialog.verify-phone .verify-ph-bonus-intro-wrapper {
        display: inline-block;
        vertical-align: top;
    }
    .mega-dialog.verify-phone .verify-ph-bonus-intro-wrapper .big-num {
        display: table-row;
        font-size: 30px;
        line-height: 36px;
        height: 38px;
        color: var(--text-color-high);
        text-align: start;
    }
    .mega-dialog.verify-phone .verify-ph-bonus-intro-wrapper .body-txt {
        display: table-row;
        font-size: 14px;
        line-height: 17px;
        height: 18px;
        color: var(--text-color-high);
        text-align: start;
        font-family: var(--text-font-family);
        font-weight: 600;
    }
    .mega-dialog.verify-phone aside.js-verify-success-page.non-achievement-account {
        display: none;
    }
    .mega-dialog.verify-phone .verify-ph-bonus-valid-days .valid-days-title {
        display: inline-block;
        position: relative;
    }
    .mega-dialog.verify-phone .verify-ph-bonus-valid-days .valid-days-title i {
        --icon-size: 24px;
        display: inline-block;
        margin-inline-end: 4px;
        vertical-align: middle;
    }
    .mega-dialog.verify-phone .verify-ph-bonus-valid-days .valid-days-title span {
        vertical-align: middle;
    }
    .mega-dialog.verify-phone .verify-ph-bonus-valid-days .valid-days-body-txt {
        display: inline-block;
        vertical-align: middle;
        font-family: var(--text-font-family);
        font-weight: 600;
    }
    .mega-dialog.verify-phone .sms-verification-number-input {
        background: transparent;
        border: 0 none;
        font-family: 'source_sans_proregular', Arial, sans-serif !important;
        height: 38px;
        line-height: 38px;
        font-size: 38px;
        letter-spacing: 25px;
        position: absolute;
        text-indent: 13px;
        top: 4px;
        width: 300px;
        z-index: 2;
        direction: ltr !important;
        margin-right: -37px;
    }

/* end verify-phone dialog */

/* voucher-info-redeem dialog */

    .mega-dialog.voucher-info-redeem {
        width: 544px;
    }
    .mega-dialog.voucher-info-redeem h2 {
        text-align: center;
        margin: 0;
    }
    .mega-dialog.voucher-info-redeem .v-description {
        text-align: center;
    }

    /* do not apply theme colours */

        .mega-dialog.voucher-info-redeem .voucher-logo {
            width: 450px;
            height: 72px;
            background-color: var(--stroke-grey-1);
            border: 2px solid var(--stroke-grey-2);
            border-radius: 12px;
            display: flex;
            align-items: center;
        }
        .mega-dialog.voucher-info-redeem .voucher-logo .plan-icon {
            margin-inline-start: 26px;
            display: inline-block;
        }
        .mega-dialog.voucher-info-redeem .plan-icon i {
            display: none;
            width: 44px;
            height: 44px;
            --icon-size: 44px;
        }
        .mega-dialog.voucher-info-redeem .plan-icon.pro1 i.pro1,
        .mega-dialog.voucher-info-redeem .plan-icon.pro2 i.pro2,
        .mega-dialog.voucher-info-redeem .plan-icon.pro3 i.pro3,
        .mega-dialog.voucher-info-redeem .plan-icon.pro4 i.pro4,
        .mega-dialog.voucher-info-redeem .plan-icon.pro101 i.pro101,
        .mega-dialog.voucher-info-redeem .plan-icon.business i.business,
        .mega-dialog.voucher-info-redeem .plan-icon.feature i.feature {
            display: block;
        }
        .mega-dialog.voucher-info-redeem .voucher-logo .v-separator {
            height: 36px;
            width: 1px;
            background-color: var(--stroke-grey-2);
            margin-inline-start: 26px;
            display: inline-block;
        }
        .mega-dialog.voucher-info-redeem .voucher-logo .plan-info {
            width: 120px;
            display: inline-block;
            text-align: center;
            font-family: var(--text-font-family);
            font-weight: bold;
            font-size: 14px;
            line-height: 20px;
            color: var(--text-color-high);
            margin-inline-start: 28px;
        }

    /* end do not apply theme colours */

.mega-dialog.voucher-info-redeem .s4-voucher-terms-label {
    color: var(--text-color-high);
}
/* end voucher-info-redeem dialog */

/* recovery-key-dialog */

    .mega-dialog.recovery-key-dialog {
        width: 680px;
    }
    .mega-dialog.recovery-key-dialog header .graphic {
        height: 80px;
    }
    .mega-dialog.recovery-key-dialog .content-block.dialog-bottom {
        padding-bottom: 48px;
    }
    .mega-dialog.recovery-key-dialog .recover-paste-block button {
        display: inline-flex;
    }
    .mega-dialog.recovery-key-dialog aside {
        margin-top: 24px;
    }
    .mega-dialog.recovery-key-dialog aside p {
        padding: 0;
    }
    .mega-dialog.recovery-key-dialog .recover-paste-block .right-section > button:not(.hidden) {
        min-width: auto;
    }
    .mega-dialog.recovery-key-dialog i {
        --mask-color: var(--text-color-medium);
    }
    .mega-dialog.recovery-key-dialog i.shiny {
        --mask-color: var(--label-yellow);
    }
    .mega-dialog.recovery-key-dialog .account.input-wrapper input {
        vertical-align: middle;
    }
    .mega-dialog.recovery-key-dialog i {
        top: 0;
        left: 0;
        display: inline-block;
        vertical-align: middle;
        position: static;
    }
    .mega-dialog.recovery-key-dialog .backup-key-header {
        font: var(--text-h3);
        color: var(--text-color-high);
        text-align: start;
        margin: 0;
    }

/* end recovery-key-dialog */

/* user-management-add-user-dialog */

    .mega-dialog.user-management-add-user-dialog header {
        margin-bottom: 8px;
    }
    .mega-dialog.user-management-add-user-dialog .dialog-subtitle {
        text-align: center;
        margin-bottom: 0;
    }
    .mega-dialog.user-management-add-user-dialog h2 ~ .dialog-subtitle {
        margin-top: 16px;
    }
    .mega-dialog.user-management-add-user-dialog .footer-container {
        display: flex;
        justify-content: space-between;
        flex-flow: row-reverse;
    }
    .mega-dialog.user-management-add-user-dialog aside .icon {
        display: inline-block;
    }
    .mega-dialog.user-management-add-user-dialog button.toggle-optional-inputs {
        position: relative;
        margin: 20px 0;
    }
    .mega-dialog.user-management-add-user-dialog button.toggle-optional-inputs i {
        --mask-color: var(--icon-rest);
    }
    .mega-dialog.user-management-add-user-dialog button.toggle-optional-inputs:hover i {
        --mask-color: var(--icon-active);
    }
    .mega-dialog.user-management-add-user-dialog button.toggle-optional-inputs .toggle-title {
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
    }
    .mega-dialog.user-management-add-user-dialog button.toggle-optional-inputs.show .close-icon {
        transform: rotate(180deg);
    }
    .mega-dialog.user-management-add-user-dialog .default-button-no-border {
        float: left;
    }
    .rtl .mega-dialog.user-management-add-user-dialog .default-button-no-border {
        float: right;
    }
    .mega-dialog.user-management-add-user-dialog .invite-link-option .enable-pw-txt {
        color: var(--text-color-low);
        max-width: 270px;
        vertical-align: top;
        margin-inline-end: 12px;
        display: inline-block;
    }
    .mega-dialog.user-management-add-user-dialog {
        width: 598px;
    }
    .mega-dialog.user-management-add-user-dialog .verification-container {
        position: relative;
        height: auto;
        background: var(--surface-grey-2);
        box-sizing: border-box;
        border-radius: 4px;
        width: 100%;
        padding: 8px 12px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .mega-dialog.user-management-add-user-dialog .optional-input-container {
        display: none;
    }
    .mega-dialog.user-management-add-user-dialog .verification-container .verification-user-info {
        width: auto;
        position: relative;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .mega-dialog.user-management-add-user-dialog .verification-container .verification-user-info * {
        color: var(--text-color-medium);
    }
    .mega-dialog.user-management-add-user-dialog .verification-container .verification-user-info div {
        text-align: start;
    }
    .mega-dialog.user-management-add-user-dialog .verification-container .verification-user-info .verification-user-email {
        display: flex;
    }
    .mega-dialog.user-management-add-user-dialog .verification-container .verification-user-info .verification-user-pw {
        margin-top: 12px;
        display: flex;
    }
    .mega-dialog.user-management-add-user-dialog .verification-container .verification-user-info .verification-user-email.single-line {
        width: 468px;
        text-align: center;
    }
    .mega-dialog.user-management-add-user-dialog .verification-container .verification-user-info .verification-user-email .sub-e,
    .mega-dialog.user-management-add-user-dialog .verification-container .verification-user-info .verification-user-pw .sub-p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
    }
    .mega-dialog.user-management-add-user-dialog .verification-container .verification-user-info b {
        color: var(--text-color-high);
        margin-inline-end: 12px;
    }
    .mega-dialog.user-management-add-user-dialog .verification-container .checked-icon56.icon56 {
        position: absolute;
        right: 40px;
        top: 28px;
    }
    .rtl .mega-dialog.user-management-add-user-dialog .verification-container .checked-icon56.icon56 {
        right: auto;
        left: 40px;
    }
    .mega-dialog.user-management-add-user-dialog .verification-container button {
        height: 36px;
        flex: 0 0 auto;
    }
    .rtl .mega-dialog.user-management-add-user-dialog .verification-container button {
        right: auto;
        left: 16px;
    }
    .mega-dialog.user-management-add-user-dialog .border {
        margin-bottom: 24px;
    }
    .mega-dialog.user-management-add-user-dialog .fingerprint-container {
        background-color: var(--surface-grey-1);
        display: flex;
        flex-direction: column;
        align-items: center;
        align-content: center;
        justify-content: center;
        margin: 24px 0;
    }
    .mega-dialog.user-management-add-user-dialog .fingerprint-container .fingerprint-title {
        padding-top: 10px;
        color: var(--text-color-high);
    }
    .mega-dialog.user-management-add-user-dialog .fingerprint-container .fingerprint-content-container {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 8px;
        padding: 8px 0;
    }

/* end user-management-add-user-dialog */

/* add-reassign-dialog */

    .mega-dialog.add-reassign-dialog {
        width: 688px;
    }
    .mega-dialog.add-reassign-dialog .content-block {
        padding-bottom: 48px;
    }
    .mega-dialog.add-reassign-dialog .content-block i {
        height: 120px;
        margin: 8px auto 24px;
        width: 120px;
        --width: 120px;
    }
    .mega-dialog.add-reassign-dialog .dialog-input-container {
        padding: 0;
        margin-top: 36px;
    }
    .mega-dialog.add-reassign-dialog tr {
        vertical-align: top;
    }
    .mega-dialog.add-reassign-dialog .mega-button.positive {
        display: inline-block;
    }
    .mega-dialog.add-reassign-dialog .dialog-input-container th,
    .mega-dialog.add-reassign-dialog .dialog-input-container td {
        width: 312px;
    }
    .mega-dialog.add-reassign-dialog .dialog-input-container tr:nth-child(3) td {
        box-sizing: border-box;
        padding: 8px 0 32px;
    }
    .mega-dialog.add-reassign-dialog .dialog-input-container tr th:nth-child(1),
    .mega-dialog.add-reassign-dialog .dialog-input-container tr td:nth-child(1) {
        padding-inline-end: 32px;
    }
    .mega-dialog.add-reassign-dialog .dialog-input-container tr th:nth-child(2),
    .mega-dialog.add-reassign-dialog .dialog-input-container tr td:nth-child(2) {
        padding-inline-start: 32px;
    }
    .mega-dialog.add-reassign-dialog .dialog-input-container tr:last-child td {
        text-align: center;
        box-sizing: border-box;
        padding-bottom: 8px;
    }
    .mega-dialog.add-reassign-dialog .dialog-dark-bottom {
        padding-left: 32px;
    }

/* end add-reassign-dialog */

/* user-management-edit-profile-dialog */

    .mega-dialog.user-management-edit-profile-dialog {
        width: 660px;
    }
    .mega-dialog.user-management-edit-profile-dialog .dialog-input-title-ontop.email {
        z-index: 999;
    }
    .mega-dialog.user-management-edit-profile-dialog header {
        flex-direction: row;
        align-items: center;
        margin-bottom: 16px;
    }
    .mega-dialog.user-management-edit-profile-dialog .pending-email-note.active {
        display: inline-block;
    }
    .mega-dialog.user-management-edit-profile-dialog .pending-email-note {
        height: auto;
        width: 47%;
        background-color: var(--banner-background-warning);
        border: 1px solid  var(--banner-border-warning);
        border-radius: 4px;
        color:  var(--banner-text-warning);
        padding: 0 12px;
        display: none;
        z-index: 998;
        float: right;
        margin: -16px 0 18px;
        position: relative;
        cursor: pointer;
    }
    .rtl .mega-dialog.user-management-edit-profile-dialog .pending-email-note {
        float: left;
    }
    .mega-dialog.user-management-edit-profile-dialog .pending-email-note b,
    .mega-dialog.user-management-edit-profile-dialog .pending-email-note span {
        pointer-events: none;
    }
    .mega-dialog.user-management-edit-profile-dialog .user-management-subuser-avatars {
        border: unset;
    }
    .mega-dialog.user-management-edit-profile-dialog .user-management-subuser-avatars .avatar img {
        float: left;
        margin-inline-start: -2px;
        margin-top: -2px;
    }
    .rtl .mega-dialog.user-management-edit-profile-dialog .user-management-subuser-avatars .avatar img {
        float: right;
    }
    .mega-dialog.user-management-edit-profile-dialog .user-management-subuser-avatars .avatar span {
        color: white;
        font-size: 10px;
        float: left;
        margin-top: 13%;
        margin-left: 33%;
        line-height: initial;
    }
    .rtl .mega-dialog.user-management-edit-profile-dialog .user-management-subuser-avatars .avatar span {
        float: right;
    }
    .mega-dialog.user-management-edit-profile-dialog .border {
        margin-bottom: 24px;
    }
    .mega-dialog.user-management-edit-profile-dialog .user-management-subuser-avatars {
        margin-inline-end: 16px;
    }

/* end user-management-edit-profile-dialog */

/* payment-reminder dialog */

    .mega-dialog.payment-reminder {
        width: 596px;
        text-align: center;
    }

    .mega-dialog.payment-reminder .img-dialog-pro-flexi-expiry {
        position: relative;
    }

    .mega-dialog.payment-reminder .img-dialog-pro-flexi-expiry .icon-crests-pro-flexi-details {
        height: 120px;
        width: 120px;
        z-index: 1;
    }

    .mega-dialog.payment-reminder .img-dialog-pro-flexi-expiry .icon-takedown {
        bottom: -5px;
        height: 70px;
        position: absolute;
        right: -20px;
        width: 70px;
        z-index: 2;
    }

/* end payment-reminder dialog */

/* payment-reminder dialog */

    .mega-dialog.payment-card-expired header .graphic {
        width: 116px;
        height: 80px;
        --width: 116px;
        --height: 80px;
    }

/* end payment-reminder dialog */

/* user-management-able-user-dialog shared styles */

    .mega-dialog.user-management-able-user-dialog .re-enable-large-icon {
        background-position: -117px -1261px;
    }
    .mega-dialog.user-management-able-user-dialog .disable-large-icon {
        background-position: -4px -98px;
    }
    .mega-dialog.user-management-able-user-dialog .dialog-text-one b {
        font-family: var(--text-font-family);
        font-weight: 600;
    }
    .mega-dialog.user-management-able-user-dialog .bold-warning {
        padding: 2px 16px;
        display: inline-block;
        color: var(--banner-text-warning);
        background: var(--banner-background-warning);
        border: 1px solid var(--banner-border-warning);
        border-radius: 4px;
        box-sizing: border-box;
        margin-inline-end: 6px;
    }

/* end user-management-able-user-dialog shared styles */

/* user-management-able-user-dialog.warning */

    .mega-dialog.user-management-able-user-dialog.warning .warning-large-icon {
        background-position: -22px -1261px;
    }

/* end user-management-able-user-dialog.warning */

/* sub-account-link-password */

    .mega-dialog.sub-account-link-password {
        width: 594px;
    }
    .mega-dialog.sub-account-link-password.user-management-dialog .mega-input-title-ontop {
        width: 250px;
        margin: 0 auto;
        display: block;
    }

/* end sub-account-link-password */

/* user-management-migrate-process-dialog */

    .mega-dialog.user-management-migrate-process-dialog {
        width: 560px;
    }
    .mega-dialog.user-management-migrate-process-dialog .content-block.animation {
        padding-top: 32px;
        padding-bottom: 32px;
        text-align: center;
    }
    .mega-dialog.user-management-migrate-process-dialog .image-block {
        display: inline-block;
        width: 148px;
    }
    .mega-dialog.user-management-migrate-process-dialog .image-block p {
        text-align: center;
        width: 100%;
    }
    .mega-dialog.user-management-migrate-process-dialog .image-block i {
        margin: 0 auto 24px;
        --icon-size: 96px;
    }
    .mega-dialog.user-management-migrate-process-dialog .process-container {
        display: inline-block;
        width: 128px;
        height: 48px;
        position: relative;
        vertical-align: top;
        top: 24px;
    }
    .mega-dialog.user-management-migrate-process-dialog .process-arrow {
        position: absolute;
        left: -24px;
        top: 0;
        opacity: 0;
        --icon-size: 48px;
        transform: translateX(0);
        --mask-color: var(--text-color-high);
        animation: process-arrow-animation 1s infinite linear;
    }

    @keyframes process-arrow-animation {
        0%   {
            transform: translateX(0);
            opacity: 0;
        }
        20% {
            opacity: 1;
        }
        80% {
            opacity: 1;
        }
        100% {
            transform: translateX(128px);
            opacity: 0;
        }
    }
    .rtl .mega-dialog.user-management-migrate-process-dialog .process-container {
        transform: rotate(180deg);
    }
    .mega-dialog.user-management-migrate-process-dialog .data-migrate.process-block {
        width: 384px;
        height: 4px;
        border-radius: 2px;
        margin: 42px 0 8px 0;
        margin-inline-end: 20px;
        display: inline-block;
        position: relative;
    }
    .mega-dialog.user-management-migrate-process-dialog .data-migrate.progress-bar {
        background-color: var(--secondary-green);
        height: 4px;
        width: 60%;
        border-radius: 2px;
    }
    .mega-dialog.user-management-migrate-process-dialog .process-percentage {
        position: relative;
        display: inline-block;
        width: 56px;
        height: 24px;
        border-radius: 12px;
        background: var(--surface-mid-grey);
        color: #fff;
        text-align: center;
        line-height: 24px;
        font-size: 14px;
        font-weight: bold;
        margin: 32px 0 8px 0;
        vertical-align: top;
    }
    .mega-dialog.user-management-migrate-process-dialog .progress {
        padding-bottom: 24px;
    }

/* end user-management-migrate-process-dialog */

/* bus-welcome-dialog */

    .mega-dialog.bus-welcome-dialog {
        width: 663px;
    }
    .mega-dialog.bus-welcome-dialog .content-block {
        padding-bottom: 48px;
        display: flex;
        justify-content: center;
    }
    .mega-dialog.bus-welcome-dialog .content-block > div {
        border: 1px solid var(--stroke-grey-2);
    }
    .mega-dialog.bus-welcome-dialog .dialog-right-block,
    .mega-dialog.bus-welcome-dialog .dialog-left-block {
        width: 272px;
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        border: 1px solid var(--stroke-grey-2);
        border-radius: 8px;
        transition: 0.5s;
        cursor: pointer;
    }
    .mega-dialog.bus-welcome-dialog .dialog-right-block:hover,
    .mega-dialog.bus-welcome-dialog .dialog-left-block:hover {
        background: var(--surface-grey-2);
    }
    .mega-dialog.bus-welcome-dialog .dialog-left-block {
        padding: 24px;
        margin-inline-end: 12px;
    }
    .mega-dialog.bus-welcome-dialog .dialog-right-block {
        padding: 24px;
        margin-inline-start: 12px;
    }
    .mega-dialog.bus-welcome-dialog .content-block i {
        margin: auto;
        --icon-size: 64px;
    }

/* end bus-welcome-dialog */

/* reset-success */

    .mega-dialog.reset-success {
        width: 400px;
    }
    .mega-dialog.reset-success .reset-success-title {
        font: var(--text-h2-bold);
    }
    .mega-dialog.reset-success .content-block {
        padding: 0 24px 16px;
        text-align: center;
    }
    .mega-dialog.reset-success .reset-email-success-txt {
        color: var(--text-color-medium);
        font: var(--text-body1);
    }
    .mega-dialog.reset-success .reset-email-success-sub-txt {
        color: var(--text-color-medium);
        font: var(--text-body2);
        margin-top: 16px;
    }
    .mega-dialog.reset-success .reset-email-success-sub-txt a {
        text-decoration: none;
    }
    .mega-dialog.reset-success footer aside {
        background-color: var(--surface-main);
        padding: 8px 0 24px;
    }
    .mega-dialog.reset-success footer button.ok-btn {
        font: var(--text-body1);
    }

/* end reset-success */

/* awaiting-confirmation */

    .mega-dialog.awaiting-confirmation {
        width: 393px;
    }
    .mega-dialog.awaiting-confirmation .content-block {
        padding-bottom: 48px;
    }

/* registration-page-success */

    .mega-dialog.registration-page-success .reg-success-special,
    .mega-dialog.registration-page-success.special .reg-success-normal,
    .mega-dialog.registration-page-success .reg-success-special .reg-success-txt.chat-header,
    .mega-dialog.registration-page-success .reg-success-special .chat-message,
    .mega-dialog.registration-page-success.chatlink .reg-success-special .reg-success-txt {
        display: none;
    }
    .mega-dialog.registration-page-success.special .reg-success-special {
        display: block;
    }
    .mega-dialog.registration-page-success.chatlink .reg-success-special .reg-success-txt.chat-header {
        display: block;
        text-align: center;
    }
    .mega-dialog.registration-page-success.chatlink .reg-success-special .reg-success-txt.chat-message {
        display: block;
        padding: 16px 0 0 0;
    }
    .mega-dialog.registration-page-success .content-block {
        padding-bottom: 48px;
    }
    .mega-dialog.registration-page-success .reg-resend-email-txt {
        font: var(--text-h3);
        max-width: 540px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

/* end registration-page-success */

/* account-reset-confirmation */

    .mega-dialog.account-reset-confirmation {
        width: 393px;
    }
    .mega-dialog.account-reset-confirmation .content-block {
        padding-bottom: 48px;
    }

/* account-reset-confirmation */

/* msgDialog (aka dialog-template-message) */

    .mega-dialog.dialog-template-message button.close {
        display: none;
    }
    .mega-dialog.dialog-template-message.with-close-btn button.close {
        display: block;
    }
    .mega-dialog.dialog-template-message header i {
        display: none;
        width: 100%;
        height: 100%;
    }
    .mega-dialog.dialog-template-message.info header i.info,
    .mega-dialog.dialog-template-message.question header i.question,
    .mega-dialog.dialog-template-message.warning header i.warning,
    .mega-dialog.dialog-template-message.error header i.error,
    .mega-dialog.dialog-template-message.confirmation header i.confirmation {
        display: block;
    }
    .mega-dialog.dialog-template-message header p .folder-info {
        white-space: nowrap;
    }
    .mega-dialog.dialog-template-message header h3 i,
    .mega-dialog.dialog-template-message header p .folder-info i {
        display: inline-block;
        height: 24px;
        margin-inline-start: 3px;
        vertical-align: top;
        width: 24px;
    }
    .mega-dialog.dialog-template-message header p .folder-info i {
        margin: -2px 0;
        margin-inline-start: 3px;
    }
    .mega-dialog.dialog-template-message header p .folder-info span {
        font-family: var(--text-font-family);
        font-weight: 600;
        white-space: normal;
        word-break: break-word;
    }
    .mega-dialog.dialog-template-message header h3 span {
        word-break: break-word;
    }
    .mega-dialog.dialog-template-message .bottom-bar-link {
        color: var(--text-color-medium);
        margin-inline-end: auto;
    }
    .mega-dialog.dialog-template-message > footer .confirmation-input {
        margin: 0 48px 24px;
        margin-inline-start: 88px;
    }
    .mega-dialog.dialog-template-message > footer .confirmation-input label {
        color: var(--text-color-high);
        display: block;
        font: var(--text-body2);
        margin: -12px 0 6px;
    }
    .mega-dialog.dialog-template-message > footer .confirmation-input label:empty {
        display: none;
    }

/* end msgDialog */

/* feedback-dialog */

    .mega-dialog.feedback-dialog {
        background-color: rgba(34, 34, 34, 0.95);
        border: 0;
        border-radius: 0;
        flex-direction: column;
        height: 100%;
        justify-content: center;
        left: 0;
        margin: 0 !important;
        max-height: 100%;
        top: 0 !important;
        transform: none;
        width: 100%;
        z-index: 1200;
    }
    .mega-dialog.feedback-dialog .content {
        display: flex;
        flex-direction: column;
    }
    .mega-dialog.feedback-dialog .feedback-dialog-body {
        text-align: center;
        width: 100%;
    }
    .mega-dialog.feedback-dialog .feedback-dialog-header {
        color: var(--text-color-high);
        font: var(--text-h1);
    }
    .mega-dialog.feedback-dialog .fm-mega-dialog-pad {
        margin: 0 auto;
        padding: 0;
        width: 500px;
    }
    .mega-dialog.feedback-dialog .rating {
        padding: 31px 0 24px 0;
    }
    .mega-dialog.feedback-dialog .feedback-dialog-textarea {
        background: var(--surface-black);
        border-radius: 4px;
        margin: 20px 0 8px 0;
    }
    .mega-dialog.feedback-dialog .feedback-dialog-textarea textarea {
        background-color: transparent;
        color: var(--text-color-medium);
        z-index: 1;
    }
    .mega-dialog.feedback-dialog .overlay-close span {
        position: absolute;
        right: 0;
        top: 35px;
        width: 100%;
    }
    .mega-dialog.feedback-dialog .rating a {
        cursor: pointer;
        display: block;
        float: left;
        --icon-size: 100px;
        --mask-color: var(--label-grey);
    }
    .rtl .mega-dialog.feedback-dialog .rating a {
        float: right;
    }
    .mega-dialog.feedback-dialog .rating a.active,
    .mega-dialog.feedback-dialog .rating a.colored {
        --mask-color: var(--label-yellow);
    }
    .mega-dialog.feedback-dialog .feedback-label-txt {
        display: flex;
        font-size: 14px;
        line-height: 18px;
        margin-inline-start: 5px;
        padding: 15px 0 1px 0;
        position: relative;
        text-align: start;
    }
    .mega-dialog.feedback-dialog .feedback-label-txt .radio-txt {
        color: var(--text-color-medium);
        float: none;
        font: var(--text-body1);
        padding: 0;
    }
    .mega-dialog.feedback-dialog .feedback-question {
        cursor: pointer;
        flex-grow: 0;
        flex-shrink: 0;
        height: 24px;
        margin-inline-start: 6px;
        position: relative;
        top: -4px;
        width: 24px;
    }
    .mega-dialog.feedback-dialog .feedback-question::before {
        width: 24px;
        height: 24px;
    }
    .mega-dialog.feedback-dialog .feedback-question::before {
        width: 24px;
        height: 24px;
    }
    .mega-dialog.feedback-dialog .feedback-question .dropdown {
        bottom: 38px;
        background: #fff;
        color: #333;
        display: none;
        padding: 15px;
        right: -126px;
        text-align: center;
        width: 276px;
    }
    .mega-dialog.feedback-dialog .dropdown-white-arrow {
        --arrow-color: #fff;
    }
    .mega-dialog.feedback-dialog .feedback-question:hover .dropdown {
        display: block;
    }
    .mega-dialog.feedback-dialog .feedback-dialog-bottom {
        justify-content: center;
        padding-top: 40px;
        width: 100%;
    }

/* end feedback-dialog */

/* reset-success-st2 */

    .mega-dialog.reset-success-st2 {
        width: 600px;
    }
    .mega-dialog.reset-success-st2 .fm-account-input {
        margin: 0 0 0 0;
        width: auto;
        float: none;
    }
    .mega-dialog.reset-success-st2 .reset-pass-error {
        background-color: #fdebeb;
        border-radius: 4px;
        box-shadow: 0 0 0 1px #ec989a;
        box-sizing: border-box;
        color: #da3135;
        display: none;
        font-size: 14px;
        line-height: 18px;
        margin: 0 8px;
        padding: 3px 12px;
    }
    .mega-dialog.reset-success-st2 .reset-pass-error.error {
        display: block;
    }

/* end reset-success-st2 */

/* reset-success-st3 */

    .mega-dialog.reset-success-st3 .reset-txt {
        float: none;
        display: block;
        margin-bottom: 17px;
    }
    .mega-dialog.reset-success-st3 header {
        margin: 0 0 10px 0;
    }
    .mega-dialog.reset-success-st3 form {
        padding: 0;
        display: block;
    }
    .mega-dialog.reset-success-st3 .radioOn,
    .mega-dialog.reset-success-st3 .radioOff {
        margin: 0;
        vertical-align: top;
    }
    .mega-dialog.reset-success-st3 .radio-txt {
        margin: 0 0 0 8px;
        display: inline-block;
        padding: 0;
        margin-bottom: 16px;
    }

/* end reset-success-st3 */

/* bus-pw-reset */

    .mega-dialog.user-management-dialog.bus-pw-reset {
        width: 560px;
    }
    .mega-dialog.user-management-dialog.bus-pw-reset .bus-pw-wrapper {
        margin-top: 40px;
        margin-bottom: 24px;
    }
    .mega-dialog.user-management-dialog.bus-pw-reset .dialog-subtitle {
        margin: 0 auto 16px;
    }
    .mega-dialog.user-management-dialog.bus-pw-reset .notification-label {
        padding: 4px 12px;
        border-radius: 4px;
        margin-bottom: 36px;
        text-align: start;
        border: 1px solid var(--banner-border-warning);
        color: var(--banner-text-warning);
        background: var(--banner-background-warning);
    }
    .mega-dialog.user-management-dialog.bus-pw-reset .verification-container .hide-pw .show-pw,
    .mega-dialog.user-management-dialog.bus-pw-reset .verification-container .show-pw .hide-pw {
        display: none;
    }
    .mega-dialog.user-management-dialog.bus-pw-reset .verification-container .show-pw .show-pw,
    .mega-dialog.user-management-dialog.bus-pw-reset .verification-container .hide-pw .hide-pw {
        display: block;
    }
    .mega-dialog.user-management-dialog.bus-pw-reset .verification-container .pass-visibility {
        --icon-size: 24px;
        --mask-color: var(--icon-rest);
        margin-inline-start: auto;
        cursor: pointer;
    }
    .mega-dialog.user-management-dialog.bus-pw-reset .verification-container .pass-visibility:hover {
        --mask-color: var(--icon-active);
    }
    .mega-dialog.user-management-dialog.bus-pw-reset .mega-button.positive.semi-big {
        display: inline-block;
        height: 40px;
        line-height: 39px;
    }
    .mega-dialog.user-management-dialog.bus-pw-reset .generate-pass-btn {
        display: flex;
        margin: 0 auto 24px;
    }
    .mega-dialog.user-management-dialog.bus-pw-reset .verification-container {
        position: relative;
        background: var(--surface-grey-1);
        box-sizing: border-box;
        border-radius: 4px;
        border: 1px solid var(--stroke-grey-2);
        max-width: 410px;
        min-width: 360px;
        min-height: 36px;
        padding: 5px 12px;
        margin-inline-end: 6px;
        vertical-align: top;
        display: inline-flex;
        text-align: start;
        align-items: center;
    }
    .mega-dialog.user-management-dialog.bus-pw-reset .temp-pw {
        display: inline-block;
    }

/* bus-pw-reset */

/* create-private-chat dialog */

    .mega-dialog.create-private-chat {
        width: 560px;
        text-align: center;
    }
    .mega-dialog.create-private-chat .wrapper {
        width: 460px;
        margin: 24px auto 44px;
    }
    .mega-dialog.create-private-chat .fm-body-text {
        font-size: 16px;
        line-height: 24px;
    }
    .mega-dialog.create-private-chat button.make-private {
        display: table;
        margin: 24px auto;
    }
    .mega-dialog.create-private-chat .private-chat-illustration .bottom-page.big-icon.top-pad {
        display: table;
        margin: 24px auto;
    }
    .mega-dialog.create-private-chat i {
        margin: 14px 0 18px 0;
    }
    .mega-dialog.create-private-chat .dialog-body-text strong {
        font: var(--text-h3-bold);
    }
    .mega-dialog.create-private-chat .dialog-body-text {
        max-width: 480px;
        margin: 0 auto 24px;
        font: var(--text-h3);
        color: var(--text-color-medium);
    }

/* end create-private-chat dialog */


/* push-settings-dialog */

    .mega-dialog.push-settings-dialog {
        width: 360px;
    }
    .mega-dialog.push-settings-dialog .radio-txt {
        cursor: pointer;
        position: relative;
        display: block;
        padding: 5px 0 11px 36px;
        padding-inline-start: 36px;
    }
    .mega-dialog.push-settings-dialog .radio-txt:last-of-type {
        padding-bottom: 0;
    }
    .mega-dialog.push-settings-dialog .custom-radio {
        left: 6px;
        top: 6px;
        position: absolute;
        margin: 0;
    }
    .rtl .mega-dialog.push-settings-dialog .custom-radio {
        left: auto;
        right: 6px;
    }
    .mega-dialog.push-settings-dialog .buttons-block {
        padding: 0 16px 16px 0;
        padding-inline-start: 16px;
    }

/* end push-settings-dialog */

/* incoming-call-dialog */

    .mega-dialog.incoming-call-dialog {
        width: 374px;
        min-height: 320px;
        background-image: url(../images/mega/incoming-animation.svg);
        background-repeat: no-repeat;
        background-position: center -15px;
    }
    .mega-dialog.incoming-call-dialog .incoming-call-header {
        text-align: center;
        font: var(--text-h3-bold);
        color: var(--text-color-medium);
    }
    .mega-dialog.incoming-call-dialog .content-block {
        padding: 0 24px 24px 24px;
        background: transparent;
    }
    .incoming-contact-info {
        color: var(--text-color-high);
        display: inline-block;
        font: var(--text-body1);
    }
    .incoming-contact-info span.incoming-call-txt {
        display: block;
        font: var(--text-body2);
        color: var(--text-color-low);
    }
    .incoming-call-avatar {
        width: 140px;
        height: 140px;
        margin: 0 auto;
        border: 4px solid var(--text-color-white-high);
        overflow: hidden;
        border-radius: 100%;
        box-sizing: border-box;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
        position: relative;
    }
    .incoming-call-avatar .avatar-wrapper {
        width: 132px;
        height: 132px;
        border: 0;
        margin: 0;
        box-shadow: none;
        font-size: 42px;
        line-height: 130px;
    }
    .incoming-call-avatar .avatar-wrapper span {
        color: var(--text-color-white-high);
    }
    .incoming-call-avatar img {
        width: 132px;
        height: 132px;
        border-radius: 100%;
    }
    .incoming-call-shadow-bl {
        width: 132px;
        height: 132px;
        border-radius: 100%;
        box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, 0.06);
        position: absolute;
        z-index: 10;
        top: 0;
    }
    .incoming-call-username {
        overflow: hidden;
        text-align: center;
        margin: 0 20px;
        padding: 17px 0;
        height: 65px;
        box-sizing: border-box;
        font: var(--text-body1);
        color: var(--text-color-high);
    }
    .incoming-call-buttons {
        display: flex;
        text-align: center;
        padding: 0 8px 8px 8px;
    }
    .incoming-call-buttons button.incoming-call-button {
        flex: 0 0 64px;
        margin: 0 4px;
        min-width: auto;
    }
    .incoming-call-buttons button.audio-call {
        flex: 1 1 auto;
    }

/* end incoming-call-dialog */

/* payment-dialog */

    .mega-dialog.payment-dialog {
        width: 730px;
        min-height: 254px;
    }
    .mega-dialog.payment-dialog header {
        align-items: center;
        flex-direction: row;
        justify-content: space-between;
        padding-top: 38px;
    }
    .mega-dialog.payment-dialog .content-block {
        display: flex;
        flex-direction: row;
        margin-top: 24px;
    }
    .mega-dialog.payment-dialog .plan-icon {
        display: inline-block;
        vertical-align: middle;
        margin-inline-end: 16px;
    }
    .mega-dialog.payment-dialog .plan-icon i {
        display: none;
        --icon-size: 60px;
    }
    .mega-dialog.payment-dialog .plan-icon.pro1 i.pro1,
    .mega-dialog.payment-dialog .plan-icon.pro2 i.pro2,
    .mega-dialog.payment-dialog .plan-icon.pro3 i.pro3,
    .mega-dialog.payment-dialog .plan-icon.pro4 i.pro4,
    .mega-dialog.payment-dialog .plan-icon.business i.business,
    .mega-dialog.payment-dialog .plan-icon.feature i.feature {
        display: block;
    }
    .mega-dialog.payment-dialog .payment-plan-info {
        display: inline-block;
        vertical-align: middle;
    }
    .mega-dialog.payment-dialog .payment-plan-title,
    .mega-dialog.payment-dialog .payment-plan-price {
        font: var(--text-h1);
        color: var(--text-color-high);
    }
    .mega-dialog.payment-dialog .payment-plan-price {
        margin-inline-end: 12px;
    }
    .mega-dialog.payment-dialog .mega-input {
        margin-top: 12px;
        min-width: auto;
    }
    .mega-dialog.payment-dialog .payment-form-title {
        color: var(--text-color-high);
        font: var(--text-body2-higher);
    }
    .mega-dialog.payment-dialog .payment-half-block {
        width: 50%;
        border-right: 2px solid var(--stroke-grey-2);
        box-sizing: border-box;
        padding-bottom: 12px;
        padding-inline-end: 24px;
    }
    .rtl .mega-dialog.payment-dialog .payment-half-block {
        border-right: none;
        border-left: 2px solid var(--stroke-grey-2);
    }
    .mega-dialog.payment-dialog .payment-half-block.second {
        border: 0;
        padding-inline-end: 0;
        padding-inline-start: 24px;
    }
    .mega-dialog.payment-dialog .payment-cc {
        margin-top: 19px;
        height: 32px;
        position: relative;
    }
    .mega-dialog.payment-dialog .payment-cc div.radioOn,
    .mega-dialog.payment-dialog .payment-cc div.radioOff {
        opacity: 0;
    }
    .mega-dialog.payment-dialog .payment-cc-icon {
        width: 48px;
        height: 48px;
        position: absolute;
        left: 0;
        top: -7px;
    }
    .rtl .mega-dialog.payment-dialog .payment-cc-icon {
        right: 0;
        left: auto;
    }
    .mega-dialog.payment-dialog .payment-cc-icon.mastercard {
        left: 48px;
    }
    .rtl .mega-dialog.payment-dialog .payment-cc-icon.mastercard {
        left: auto;
        right: 48px;
    }
    .mega-dialog.payment-dialog .compound-inputs {
        display: flex;
        justify-content: space-between;
    }
    .mega-dialog.payment-dialog .compound-inputs .mega-input {
        width: calc(50% - 6px);
    }
    .mega-dialog.payment-dialog .compound-inputs.triplex .mega-input {
        width: calc(100% / 3 - 8px);
    }

/* end payment-dialog */

/* pro-discount dialog */

    .mega-dialog.pro-discount {
        width: 520px;
    }
    .mega-dialog.pro-discount .discount-desc {
        color: var(--text-color-success);
        font: var(--text-h3);
    }
    .mega-dialog.pro-discount .content-block {
        padding-bottom: 24px;
        text-align: center;
    }
    .mega-dialog.pro-discount footer aside {
        text-align: start;
    }

/* end pro-discount dialog */

/* voucher-redeem-dialog */

    .rtl .voucher-redeem-dialog {
        direction: rtl;
    }
    .voucher-redeem-dialog .account-information {
        display: flex;
        left: 50%;
        margin: -145px 0 0 -393px;
        position: absolute;
        text-align: start;
        top: 50%;
        z-index: 2200;
        align-items: center;
    }
    .voucher-redeem-dialog .left-information {
        padding-inline-end: 50px;
        padding-top: 5px;
    }
    .voucher-redeem-dialog .pricing-page.plan-data.storage {
        margin-top: 20px;
    }
    .voucher-redeem-dialog .right-information {
        font: var(--text-body1);
        color: var(--text-color-medium);
        width: 500px;
    }
    .voucher-redeem-dialog .pricing-page.plan {
        min-width: 250px;
        padding-bottom: 20px;
    }
    .voucher-redeem-dialog .pricing-page.euro-price {
        margin-bottom: 30px;
    }
    .voucher-redeem-dialog .pricing-page.euro-price:empty {
        margin-bottom: 0;
    }
    .voucher-redeem-dialog .membership-gray-block {
        height: auto;
    }
    .voucher-redeem-dialog .title-text {
        font: var(--text-h2);
        color: var(--text-color-high);
        max-width: 400px;
    }
    .voucher-redeem-dialog .balance-text {
        margin-top: 40px;
    }
    .voucher-redeem-dialog .complete-upgrade-text {
        margin-top: 20px;
    }
    .voucher-redeem-dialog .complete-text {
        color: var(--text-color-success);
    }
    .voucher-redeem-dialog .click-here-text {
        font-weight: bold;
    }
    .voucher-redeem-dialog .buttons {
        margin-top: 50px;
    }
    .voucher-redeem-dialog .choose-plan-button {
        border: 2px solid var(--stroke-grey-2);
        margin-left: 10px;
        min-width: initial;
        padding: 0 30px;
        text-align: center;
    }
    .voucher-redeem-dialog .choose-plan-button:hover {
        background-color: #ccc;
        border-color: #ccc;
        color: #2e2e2e;
    }
    .voucher-redeem-dialog .plan-icon i {
        --icon-size: 80px;
        display: none;
        margin: auto;
    }
    .voucher-redeem-dialog .plan-icon.pro1 i.pro1,
    .voucher-redeem-dialog .plan-icon.pro2 i.pro2,
    .voucher-redeem-dialog .plan-icon.pro3 i.pro3,
    .voucher-redeem-dialog .plan-icon.pro4 i.pro4,
    .voucher-redeem-dialog .plan-icon.business i.business,
    .voucher-redeem-dialog .plan-icon.feature i.feature {
        display: block;
    }

/* end voucher-redeem-dialog */

/* recovery-key-info */

    .mega-dialog.recovery-key-info .illustration-block {
        height: 64px;
        margin: 0 auto 12px;
        width: 64px;
        --width: 64px;
    }
    .mega-dialog.recovery-key-info {
        width: 640px;
        height: initial;
    }

/* end recovery-key-info */

/* thankyou-dialog */

    .mega-dialog.thankyou-dialog {
        align-items: center;
        background-color: rgba(34, 34, 34, 0.95);
        display: flex;
        height: 100%;
        justify-content: center;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 2200;
    }

    .mega-dialog.thankyou-dialog .thankyou-close {
        cursor: pointer;
        position: absolute;
        right: 14px;
        top: 14px;
        z-index: 2300;
    }

    .mega-dialog.thankyou-dialog .thankyou-close i {
        --icon-size: 24px;
        opacity: 0.7;
        transition: opacity 0.2s;
        --mask-color: var(--text-color-high);
    }

    .mega-dialog.thankyou-dialog .thankyou-close:hover i {
        opacity: 1;
    }

    .mega-dialog.thankyou-dialog .thankyou-body {
        position: absolute;
        text-align: center;
        z-index: 2200;
    }

    .mega-dialog.thankyou-dialog .thankyou-body .thankyou-header,
    .mega-dialog.thankyou-dialog .thankyou-body .thankyou-txt {
        color: var(--text-color-high);
        font: var(--text-h1);
        padding-bottom: 16px;
    }

    .mega-dialog.thankyou-dialog .thankyou-body .thankyou-txt {
        font: var(--text-body1);
        margin: 0 auto;
        max-width: 700px;
        margin-bottom: 36px;
    }

    .mega-dialog.thankyou-dialog .thankyou-body .thankyou-icon {
        display: block;
        height: 128px;
        margin: 0 auto 48px;
        width: 128px;
    }

    .mega-dialog.thankyou-dialog .thankyou-body .green-link {
        color: var(--text-color-success);
    }

/* end thankyou-dialog */

/* payment-stripe-dialog */

    .mega-dialog.payment-stripe-dialog iframe {
        border-radius: 24px;
        background: none;
        display: block;
        min-height: 620px;
        max-height: 640px;
        width: 640px;
    }
    .mega-dialog.payment-stripe-dialog.edit iframe {
        min-height: 510px;
    }

    .mega-dialog.payment-stripe-dialog .content-block {
        padding: 0;
        background: transparent;
    }

/* end payment-stripe-dialog */

/* payment-stripe-success/failure-dialog */

    .mega-dialog.payment-stripe-success-dialog {
        width: 400px;
    }

    .mega-dialog.payment-stripe-failure-dialog {
        width: 538px;
    }
    .mega-dialog.payment-stripe-failure-dialog > header {
        padding-bottom: 24px;
    }
    .mega-dialog.payment-stripe-failure-dialog > header .graphic {
        margin-bottom: 34px;
    }
    .mega-dialog.payment-stripe-failure-dialog h2 {
        font: var(--text-h2-bold);
    }

    .mega-dialog.payment-stripe-success-dialog .content-block,
    .mega-dialog.payment-stripe-failure-dialog .content-block {
        padding-bottom: 48px;
    }

    .mega-dialog.payment-stripe-success-dialog .stripe-error,
    .mega-dialog.payment-stripe-failure-dialog .stripe-error {
        margin-bottom: 16px;
    }

/* payment-stripe-success/failure-dialog */

/* mega-desktopapp-download */

    .mega-desktopapp-download .dialog-top > h2 {
        font: var(--text-h2-bold);
        line-height: 32px;
    }
    .mega-desktopapp-download .dialog-top > h2 > i {
        --icon-size: 26px;
        height: 32px;
        width: 32px;
        --mask-color: var(--text-color-white-high);
        border-radius: 7px;
        vertical-align: bottom;
        margin-inline-end: 12px;
        background: var(--label-blue);
        font-weight: normal;
    }
    .mega-desktopapp-download .dialog-top > h2 > i::before {
        height: var(--icon-size);
        width: var(--icon-size);
        top: 3px;
        position: relative;
    }
    .mega-dialog.mega-desktopapp-download .dialog-top .graphic {
        width: 250px;
        --width: 250px;
        height: 150px;
        margin-bottom: 32px;
    }
    .mega-desktopapp-download aside a,
    .mega-desktopapp-download aside a:active,
    .mega-desktopapp-download aside a:visited {
        text-decoration: underline;
        color: var(--text-color-medium);
    }

/* End mega-desktopapp-download */

/* Report Abuse dialog Begin */
.mega-dialog.report-abuse {
    max-height: 90vh;
}
.mega-dialog.report-abuse .subtitle {
    font: var(--text-h3-bold);
    color: var(--text-color-error);
}
.mega-dialog.report-abuse .content-block {
    min-height: 300px;
}

@media screen and (max-height: 500px) {
    .mega-dialog.report-abuse .content-block {
        min-height: 50px;
    }
}

.mega-dialog.report-abuse .content-block > section {
    padding-top: 10px;
}
.mega-dialog.report-abuse .sub-container {
    margin-top: 24px;
}
.mega-dialog.report-abuse .abusetypes-block p {
    color: var(--text-color-medium);
    margin-bottom: 20px;
}
.mega-dialog.report-abuse .radio-buttons > * {
    margin: 12px 0;
    display: flex;
}
.mega-dialog.report-abuse input.form-control,
.mega-dialog.report-abuse textarea.form-control {
    width: 100%;
    height: 36px;
    box-sizing: border-box;
    font: var(--text-body1);
    color: var(--text-color-high);
    padding: 0 8px;
    margin: 0;
    border: 1px solid var(--stroke-grey-2);
    background: var(--surface-grey-1);
    border-radius: 4px;
    transition: color 200ms ease-in-out;
}
.mega-dialog.report-abuse textarea.form-control {
    height: 100px;
    padding: 8px;
}
.mega-dialog.report-abuse form .form-row {
    margin-bottom: 12px;
}
.mega-dialog.report-abuse form > section {
    margin-top: 20px;
}
.mega-dialog.report-abuse form > section.abusetypes-block {
    margin-top: 10px;
}
.mega-dialog.report-abuse form p {
    margin-bottom: 6px;
    color: var(--text-color-higher);
}
.mega-dialog.report-abuse form .form-row.two-col {
    display: flex;
}
.mega-dialog.report-abuse form .form-row.two-col input.form-control:first-child {
    margin-right: 20px;
}
.mega-dialog.report-abuse form .form-row.two-col .form-control.half {
    width: calc(50% - 10px);
}
.mega-dialog.report-abuse form .form-row.two-col :placeholder-shown {
    opacity: 2;
}
.mega-dialog.report-abuse textarea::placeholder,
.mega-dialog.report-abuse input::placeholder {
    color: var(--surface-mid-grey);
}
.mega-dialog.report-abuse textarea:focus::placeholder,
.mega-dialog.report-abuse input:focus::placeholder {
    opacity: 0;
}
.mega-dialog.report-abuse .mega-input.form-control {
    width: 100%;
    height: 36px;
    box-sizing: border-box;
    font: var(--text-body1);
    color: var(--text-color-high);
    padding: 0;
    margin: 0;
    border: 1px solid var(--stroke-grey-2);
    background: var(--surface-grey-1);
    border-radius: 4px;
    transition: color 200ms ease-in-out;
}
.mega-dialog.report-abuse .mega-input.form-control::before {
    content: none;
}
.mega-dialog.report-abuse .mega-input.form-control .placeholder {
    opacity: 0.4;
}
.mega-dialog.report-abuse .mega-input-dropdown .dropdown-scroll {
    max-height: 250px;
}
.mega-dialog.report-abuse .form-control.error {
    border: 1px solid var(--input-text-underline-error);
}
.mega-dialog.report-abuse a {
    text-decoration: underline;
    user-select: text;
}
.mega-dialog.report-abuse a:hover {
    text-decoration: none;
}
.mega-dialog.report-abuse .message-container {
    box-sizing: border-box;
    color: var(--banner-text-error);
    text-align: center;
    background: var(--banner-background-error);
    border: 1px solid var(--banner-border-error);
    border-radius: 4px;
    font: var(--text-body1);
    padding: 2px;
    margin-bottom: 10px;
}
.mega-dialog.report-abuse .radio-buttons .radio-txt {
    color: var(--text-color-higher);
}
.mega-dialog.report-abuse .checkbox-block {
    margin-top: 20px;
}
.mega-dialog.report-abuse .checkbox-block .checkbox-txt {
    font: var(--text-body2);
    color: var(--text-color-higher);
}

/* Report Abuse dialog End */

/* S4 Dialogs Begin */

.mega-dialog.s4 {
    width: 592px;
}
.mega-dialog.s4 button.close {
    --mask-color: var(--icon-active);
}
.mega-dialog.s4 button.regress {
    margin-inline-end: auto;
}
.mega-dialog.s4 .spaced-margin {
    margin: 8px 0 24px;
}
.mega-dialog.s4 .input-container {
    background: var(--surface-main);
    border: 1px solid var(--stroke-grey-2);
    border-radius: 3px;
    display: flex;
    height: 38px;
    margin-top: 4px;
    position: relative;
    width: 100%;
}
.mega-dialog.s4 .input-container .user-input-wrap {
    flex: 1;
    vertical-align: top;
    width: 100%;
}
.mega-dialog.s4 .input-container i {
    --icon-size: 24px;
    left: 6px;
    --mask-color: var(--icon-inactive);
    position: absolute;
    top: 6px;
}
.rtl .mega-dialog.s4 .input-container i {
    left: auto;
    right: 6px;
}
.mega-dialog.s4 .input-container input {
    background: transparent;
    border: 0;
    box-sizing: border-box;
    color: var(--text-color-medium);
    font: var(--text-body1);
    height: 36px;
    margin: 0;
    padding: 0 10px;
    padding-inline-start: 36px;
    width: 100%;
}
.mega-dialog.s4 .input-container input:focus,
.mega-dialog.s4 .input-container input:hover {
    color: var(--text-color-high);
}
.mega-dialog.s4 .input-container input:focus + i,
.mega-dialog.s4 .input-container input:hover + i,
.mega-dialog.s4 .input-container i:hover {
    --mask-color: var(--icon-active);
}
.mega-dialog.s4 .mega-input .message-container {
    padding: 2px 16px;
    text-align: start;
}
.mega-dialog.s4 div.offset-text {
    color: var(--text-color-high);
    font: var(--text-body2);
    padding: 0 0 3px;
    padding-inline-start: 40px;
}
.mega-dialog.s4 .step-head {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 12px;
}
.mega-dialog.s4 .step-head .head-title {
    color: var(--text-color-high);
    font: var(--text-h3-bold);
}
.mega-dialog.s4 .search-bar {
    align-items: center;
    background: var(--surface-grey-6);
    border-radius: 50px;
    display: flex;
    justify-content: space-between;
    min-height: 32px;
    position: relative;
    width: 240px;
}
.mega-dialog.s4 .search-bar i {
    margin-inline-start: 8px;
}
.mega-dialog.s4 .search-bar input {
    background-color: transparent;
    border: 0;
    box-sizing: border-box;
    color: var(--stroke-main-inverted);
    font: var(--text-body1);
    padding: 6px 0;
    padding-inline-start: 12px;
    width: 100%;
}
.mega-dialog.s4 .sticky-header-table-container {
    border: solid 1px var(--stroke-grey-2);
    border-radius: 12px;
}
.mega-dialog.s4 .s4-table-scroll {
    height: 184px;
}
.mega-dialog.s4 .sticky-header-table-container th {
    color: var(--text-color-medium);
    font: var(--text-body2);
    padding-top: 12px;
    text-align: start;
}
.mega-dialog.s4 .sticky-header-table-container .no-pad-start {
    padding-inline-start: 0;
}
.mega-dialog.s4 .dialog-table th:first-child,
.mega-dialog.s4 .dialog-table td:first-child {
    line-height: 0;
    width: 28px;
}
.mega-dialog.s4 .dialog-table tr {
    height: 32px;
    width: 100%;
}
.mega-dialog.s4 .dialog-table td {
    align-items: center;
    padding-inline-start: 12px;
}
.mega-dialog.s4 .dialog-table tr:hover td:first-child::before {
    left: 4px;
}
.mega-dialog.s4 .dialog-table tr:hover td:last-child::before {
    right: 4px;
}
.mega-dialog.s4 .dialog-table td:first-child::after {
    width: calc(100% - 8px);
}
.mega-dialog.s4 .dialog-table td:nth-child(2) span {
    color: var(--text-color-high);
}
.mega-dialog.s4 td span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mega-dialog.s4 td span:first-child {
    margin-right: 8px;
}
.mega-dialog.s4 .create-item-info {
    margin-bottom: 24px;
    max-width: 100%;
}
.mega-dialog.s4 .create-item-info td {
    padding-bottom: 12px;
}
.mega-dialog.s4 .create-item-info td:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: wrap;
    width: 115px;
    max-width: 115px;
}
.mega-dialog.s4 .section-label {
    color: var(--text-color-high);
    font: var(--text-h3);
}
.mega-dialog.s4 .info-container-wrap {
    margin-bottom: 16px;
}
.mega-dialog.s4 .badge-container {
    margin-top: 8px;
    max-width: 100%;
}
.mega-dialog.s4 .badge {
    background: var(--badge-fill);
    border: solid 2px var(--switch-handle-border);
    border-radius: 12px;
    color: var(--text-color-high);
    display: inline-block;
    font: var(--text-body1);
    margin-bottom: 8px;
    margin-inline-end: 8px;
    padding-inline-end: 8px;
    padding-inline-start: 10px;
}
.mega-dialog.s4 .badge .badge-name {
    display: inline-block;
}
.mega-dialog.s4 .badge button {
    --height: 16px;
    margin: 0 0 1px;
    --mask-color: var(--icon-rest);
    padding: 0;
}
.mega-dialog.s4 .badge button:hover,
.mega-dialog.s4 .badge i:hover {
    --mask-color: var(--icon-active);
}
.rtl .mega-dialog.s4 .badge i {
    left: auto;
    right: 4px;
}
.mega-dialog.s4 .create-success-text {
    font: var(--text-body1);
    color: var(--text-color-high);
    margin-bottom: 24px;
}
.mega-dialog.s4 .info-box {
    color: var(--text-color-high);
    background: var(--surface-grey-1);
    border: solid 2px var(--stroke-grey-2);
    border-radius: 12px;
    margin-bottom: 24px;
    padding: 16px;
}
.mega-dialog.s4 .keys-table .row + .row {
    border-top: 1px solid var(--stroke-grey-2);
    padding-top: 12px;
    margin-top: 12px;
}
.mega-dialog.s4 .keys-table .cell {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.mega-dialog.s4 .keys-table .name {
    font: var(--text-body1-bold);
    padding-bottom: 8px;
}
.mega-dialog.s4 .keys-table .val {
    overflow: hidden;
    flex: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mega-dialog.s4 .keys-table input {
    background: transparent;
    border: 0;
    color: var(--text-color-high);
    cursor: auto;
    font: var(--text-body1);
    padding: 0;
    width: 100%;
}
.mega-dialog.s4 .keys-table input[type="text"] {
    text-overflow: ellipsis;
}
.mega-dialog.s4 .keys-table .mega-button.small {
    --icon-size: 24px;
    margin: 0;
    --mask-color: var(--icon-rest);
}
.mega-dialog.s4 .mega-button.small:hover i {
    --mask-color: var(--icon-active);
}


.mega-dialog.s4 .s4-table-scroll .ps__rail-y {
    margin: 36px 0 4px;
}
.mega-dialog.s4 .radio-wrap {
    display: flex;
    white-space: nowrap;
}

.mega-dialog.s4-create-user-dialog .step-1,
.mega-dialog.s4-create-group-dialog .step-1 {
    margin: 16px 0 24px;
}
.mega-dialog.s4-create-user-dialog .step-4,
.mega-dialog.s4-create-group-dialog .step-4 {
    margin-top: 8px;
}
.mega-dialog.s4-create-user-dialog .step-2 .s4-table-scroll .col-2 {
    width: 170px;
}
.mega-dialog.s4-create-user-dialog .step-2 .s4-table-scroll .col-3 {
    width: 272px;
}
.mega-dialog.s4-create-user-dialog .step-2 .group-table .group-policies {
    font: var(--text-body2);
}
.mega-dialog.s4-create-user-dialog .step-2 .group-table .group-name {
    display: block;
    max-width: 200px;
}
.mega-dialog.s4-create-user-dialog .step-2 .create-group-button {
    height: 36px;
    margin-top: 4px;
}
.mega-dialog.s4-create-user-dialog .step-2 button.create-group {
    float: right;
    margin: 0;
}
.mega-dialog.s4-create-user-dialog .step-2 button.save-group {
    float: right;
    margin: 10px 0 33px;
}
.rtl .mega-dialog.s4-create-user-dialog .step-2 button.create-group,
.rtl .mega-dialog.s4-create-user-dialog .step-2 button.save-group {
    float: left;
}
.mega-dialog.s4-create-user-dialog .step-3 .sticky-header-table-container th:nth-child(2) {
    width: calc(100% - 50px);
}
.mega-dialog.s4-create-user-dialog .step-3 .policy-table td:nth-child(2) {
    width: calc(100% - 44px);
}
.mega-dialog.s4-create-user-dialog .step-5 .created-title {
    color: var(--text-color-high);
    display: inline-block;
    font: var(--text-h3-bold);
    padding: 3px 6px;
}
.mega-dialog.s4-create-user-dialog .step-4 .container-user-name,
.mega-dialog.s4-create-user-dialog .step-4 .container-user-arn,
.mega-dialog.s4-create-group-dialog .step-4 .container-group-name,
.mega-dialog.s4-create-group-dialog .step-4 .container-group-arn {
    display: block;
    max-width: 380px;
}
.mega-dialog.s4-create-group-dialog .s4-table-scroll td.col-2 {
    width: calc(100% - 44px);
}
.mega-dialog.s4 .s4-table-scroll .data-table tr td:last-child::after {
    width: calc(100% - 10px);
}
.mega-dialog.s4-create-access-key-dialog .step-1 .radio-buttons {
    display: flex;
    padding: 18px 0 0 3px;
}
.mega-dialog.s4-create-access-key-dialog .step-1 .radio-wrap {
    cursor: pointer;
}
.mega-dialog.s4-create-access-key-dialog .step-1 .radio-txt {
    color: var(--text-color-high);
}
.mega-dialog.s4-create-access-key-dialog .step-1 .user-select-wrap {
    margin-top: 32px;
}
.mega-dialog.s4-create-access-key-dialog .step-1 .container-user-wrap {
    border: solid 1px var(--stroke-grey-2);
    border-radius: 12px;
}
.mega-dialog.s4-create-access-key-dialog .step-1 .list-header {
    height: 36px;
    padding-top: 12px;
    position: relative;
}
.mega-dialog.s4-create-access-key-dialog .step-1 .list-header span {
    color: var(--text-color-medium);
    font: var(--text-body2);
    padding-inline-start: 16px;
}

.mega-dialog.s4-create-access-key-dialog .step-1 .key-users-table.dialog-table td span {
    padding-inline-start: 10px;
}
.mega-dialog.s4-bucket-settings-dialog {
    width: 704px;
}
.mega-dialog.s4-bucket-settings-dialog .fm-dialog-tabs {
    margin-bottom: 24px;
    padding-top: 8px;
}
.mega-dialog.s4-bucket-settings-dialog .fm-dialog-tab.active {
    font-weight: bold;
}
.mega-dialog.s4-bucket-settings-dialog .bucket-info {
    margin-bottom: 154px;
}
.mega-dialog.s4-bucket-settings-dialog .bucket-info .label {
    color: var(--text-color-high);
    font-weight: bold;
}
.mega-dialog.s4-bucket-settings-dialog .bucket-info .value {
    margin-inline-start: 12px;
}
.mega-dialog.s4-bucket-settings-dialog .bucket-info-field {
    height: 24px;
}
.mega-dialog.s4-bucket-settings-dialog .bucket-info-field:not(:first-child) {
    margin-top: 12px;
}
.mega-dialog.s4-bucket-settings-dialog .bucket-policies .policies-header-wrapper {
    display: flex;
    justify-content: space-between;
}
.mega-dialog.s4-bucket-settings-dialog .bucket-policies .policies-header {
    color: var(--text-color-high);
    font: var(--text-body1-bold);
}
.mega-dialog.s4-bucket-settings-dialog .bucket-policies a.examples {
    text-decoration: none;
}
.mega-dialog.s4-bucket-settings-dialog .bucket-policies .policies-editor {
    height: 226px;
    margin: 8px 0 -4px;
}
.mega-dialog.s4-bucket-settings-dialog .bucket-policies .policies-editor * {
    font: var(--text-code1);
}
.mega-dialog.s4-bucket-settings-dialog .bucket-access {
    margin-bottom: 25px;
    min-height: 225px;
}
.mega-dialog.s4-bucket-settings-dialog .bucket-access .access-options {
    margin-bottom: 24px;
}
.mega-dialog.s4-bucket-settings-dialog .bucket-access .radio-txt {
    color: var(--text-color-high);
    font: var(--text-body1-bold);
}
.mega-dialog.s4-bucket-settings-dialog .bucket-access .offset-subtext {
    color: var(--text-color-low);
    font: var(--text-body2);
    margin: 4px 30px;
}
.mega-dialog.s4-bucket-settings-dialog .bucket-access .offset-subtext a {
    text-decoration: none;
}
.mega-dialog.s4-bucket-settings-dialog .policies-editor .CodeMirror {
    border: 2px solid var(--surface-grey-2);
    border-radius: 12px;
}
.mega-dialog.s4-bucket-settings-dialog .policies-editor .CodeMirror-scroll {
    padding: 14px 0;
}
.mega-dialog.s4-bucket-settings-dialog .policies-editor .CodeMirror-linenumbers {
    background-color: var(--surface-grey-2);
    width: 48px;
}
.mega-dialog.s4-bucket-settings-dialog .bucket-policy-warning {
    color: var(--banner-text-error);
    background-color: var(--banner-background-error);
    border: 1px solid var(--banner-border-error);
    border-radius: 4px;
    margin: 8px 0 0;
    padding: 1px 8px;
}
.mega-dialog.s4-object-access-dialog {
    width: 622px;
}
.mega-dialog.s4-object-access-dialog .object-access-entry {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 24px 0 0;
}
.mega-dialog.s4-object-access-dialog .content-txt {
    display: block;
    padding-inline-end: 72px;
}
.mega-dialog.s4-object-access-dialog .subtitle-txt {
    display: block;
    font: var(--text-h3-bold);
    margin-bottom: 4px;
}
.mega-dialog.s4-object-access-dialog .bucket-access-warning.fm-notification-block {
    margin: 8px 0 0;
}
.mega-dialog.s4-object-access-dialog .file-info .subtitle-txt {
    font: var(--text-body1);
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mega-dialog.s4-object-access-dialog .file-info .item-type-icon {
    --icon-size: 24px;
    margin: 1px 4px;
    position: absolute;
}
.mega-dialog.s4-object-access-dialog .file-info .file-name {
    margin-left: 32px;
}
.mega-dialog.s4-object-access-dialog .file-info .file-size {
    font: var(--text-body2);
    color: var(--text-color-medium);
    margin-left: 16px;
}
.mega-dialog.s4-object-access-dialog .input-container {
    border-radius: 12px;
}
.mega-dialog.s4-object-access-dialog .input-container i {
    --mask-color: var(--icon-active);
}
.mega-dialog.s4-object-access-dialog .input-container input {
    background-color: transparent;
    color: var(--text-color-high);
    font: var(--text-body2);
}
.mega-dialog.s4-object-access-dialog footer .footer-container {
    padding: 16px 48px 32px;
}
.mega-dialog.s4 .inactive .user-input-wrap {
    opacity: 0.6;
}

/* S4 Dialogs. Setup/Onboarding dialog */

.mega-dialog.s4-setup-dialog {
    overflow: hidden;
    min-height: 600px;
    width: 800px;
}

/* Side pane */

.mega-dialog.s4-setup-dialog .side-pane {
    background: var(--surface-grey-1);
    box-sizing: border-box;
    flex: 0 0 auto;
    padding: 48px 36px;
    width: 264px;
}

.mega-dialog.s4-setup-dialog .side-pane img,
.mega-dialog.s4-setup-dialog .side-pane.intro .nav {
    display: none;
}

.mega-dialog.s4-setup-dialog .side-pane.intro img {
    display: block;
    height: 225px;
    margin: auto;
}

.mega-dialog.s4-setup-dialog .side-pane.intro {
    background: none;
    margin: 48px 0;
    padding: 0;
    border-right: 1px solid var(--surface-grey-2);
}

.rtl .mega-dialog.s4-setup-dialog .side-pane.intro {
    border: 0;
    border-left: 1px solid var(--surface-grey-2);
}

.mega-dialog.s4-setup-dialog .nav .nav-step {
    align-items: center;
    display: flex;
    font: var(--text-body2-bold);
    opacity: 0.1;
    padding: 4px;
}

.mega-dialog.s4-setup-dialog .nav .number {
    align-items: center;
    border-radius: 100%;
    border: 2px solid var(--text-color-higher);
    color: var(--text-color-high);
    display: flex;
    justify-content: center;
    height: 22px;
    margin: 1px;
    width: 22px;
}

.mega-dialog.s4-setup-dialog .nav .name {
    color: var(--text-color-high);
    margin-inline-start: 8px;
}

.mega-dialog.s4-setup-dialog .nav i {
    --icon-size: 14px;
    --mask-color: var(--surface-grey-1);
    display: none;
}

.mega-dialog.s4-setup-dialog .nav .active .number,
.mega-dialog.s4-setup-dialog .nav .complete .number {
    background-color: var(--text-color-higher);
    border-color: transparent;
    color: var(--text-color-high-inverted);
}

.mega-dialog.s4-setup-dialog .nav .complete .number {
    background-color: var(--secondary-green);
}

.mega-dialog.s4-setup-dialog .nav .complete,
.mega-dialog.s4-setup-dialog .nav .complete + .separator,
.mega-dialog.s4-setup-dialog .nav .active {
    opacity: 1;
}

.mega-dialog.s4-setup-dialog .nav .complete i {
    display: block;
}

.mega-dialog.s4-setup-dialog .nav .complete span {
    display: none;
}

.mega-dialog.s4-setup-dialog .nav .separator {
    background-color: var(--text-color-higher);
    border-radius: 1px;
    height: 28px;
    margin: 0 15px;
    opacity: 0.1;
    width: 2px;
}

/* Content pane */

.mega-dialog.s4-setup-dialog .content-pane {
    color: var(--text-color-high);
    flex: 1 1 auto;
    font: var(--text-body1);
    overflow: hidden;
}

.mega-dialog.s4-setup-dialog header {
    padding-bottom: 0;
}

.mega-dialog.s4-setup-dialog p {
    padding-top: 20px;
}

.mega-dialog.s4-setup-dialog p.higher {
    color: var(--text-color-higher);
}

.mega-dialog.s4-setup-dialog *.secondary {
    font: var(--text-body2);
}

.mega-dialog.s4-setup-dialog ul {
    margin: 12px 0 0;
    padding: 0;
}

.mega-dialog.s4-setup-dialog li {
    color: var(--text-color-high);
    padding: 8px 3px;
    margin-inline-start: 28px;
}

.mega-dialog.s4-setup-dialog li span {
    color: var(--text-color-medium);
}

.mega-dialog.s4-setup-dialog ul.secondary {
    margin: 5px 0;
}

.mega-dialog.s4-setup-dialog ul.secondary li {
    color: var(--text-color-high);
    padding: 3px 0;
    margin-inline-start: 18px;
}

.mega-dialog.s4-setup-dialog span.code {
    background: var(--surface-grey-1);
    border: 1px solid var(--stroke-grey-2);
    border-radius: 4px;
    color: var(--text-color-high);
    display: inline-block;
    padding: 0 4px;
}

.mega-dialog.s4-setup-dialog .steps {
    flex: 1 1 auto;
}

/* Step 2 */

.mega-dialog.s4-setup-dialog .secondary-table {
    background: var(--surface-grey-1);
    border: 1px solid var(--stroke-grey-2);
    margin-top: 16px;
    width: 100%;
}

.mega-dialog.s4-setup-dialog .secondary-table i {
    --icon-size: 20px;
    --mask-color: var(--icon-rest);
}

.mega-dialog.s4-setup-dialog .secondary-table a,
.mega-dialog.s4-setup-dialog .secondary-table a:link,
.mega-dialog.s4-setup-dialog .secondary-table a:visited {
    cursor: default;
    text-decoration: none;
}

.mega-dialog.s4-setup-dialog .secondary-table button {
    margin: 0;
    padding: 0;
}

.mega-dialog.s4-setup-dialog .secondary-table th,
.mega-dialog.s4-setup-dialog .secondary-table td {
    color: var(--text-color-medium);
    font: var(--text-body2);
    padding: 6px 12px;
    text-align: start;
}

.mega-dialog.s4-setup-dialog .secondary-table td {
    border-top: 1px solid var(--stroke-grey-2);
    color: var(--text-color-high);
}

.mega-dialog.s4-setup-dialog .secondary-table td:last-child {
    text-align: end;
}

/* Step 3 */

.mega-dialog.s4-setup-dialog .step-icon {
    display: block;
    height: 64px;
    margin: 20px 0 12px;
}

/* Step 4 */

.mega-dialog.s4-setup-dialog .keys-table {
    margin: 20px 0;
}

.mega-dialog.s4-setup-dialog .secondary-btns {
    display: flex;
    justify-content: end;
}

/* Step 6 */

.mega-dialog.s4-setup-dialog h3 {
    margin: 20px 0;
}

.mega-dialog.s4-setup-dialog .help-wrapper {
    display: flex;
    justify-content: space-between;
}

.mega-dialog.s4-setup-dialog .help-wrapper .info-box {
    align-items: start;
    display: flex;
    flex: 0 0 calc(50% - 4px);
    flex-direction: column;
}

.mega-dialog.s4-setup-dialog .help-wrapper h3 {
    margin: 8px 0;
}

.mega-dialog.s4-setup-dialog .help-wrapper p {
    color: var(--text-color-medium);
    padding: 0 0 16px;
}

.mega-dialog.s4-setup-dialog a.read-more,
.mega-dialog.s4-setup-dialog a.read-more:link,
.mega-dialog.s4-setup-dialog a.read-more:visited {
    align-items: center;
    --icon-size: 20px;
    --mask-color: var(--icon-active);
    color: var(--text-color-high);
    display: inline-flex;
    font: var(--text-body1-bold);
    margin: auto 0 0;
    padding: 10px 0;
    text-decoration: none;
}

.mega-dialog.s4-setup-dialog a.read-more span {
    display: block;
    margin-inline-end: 8px;
    text-decoration: underline;
}

.mega-dialog.s4-setup-dialog a.read-more:hover span {
    text-decoration: none;
}

.mega-dialog.s4-setup-dialog .help-icon {
    display: block;
    height: 32px;
}

/* S4 Dialogs. End of Onboarding dialog */

/* S4 Dialogs End */

/* Stop backup dialog Begin */

.mega-dialog.stop-backup .select-action-wrap {
    background-color: var(--surface-grey-1);
    margin: 8px 0;
    padding-bottom: 14px;
    padding-top: 14px;
}
.mega-dialog.stop-backup .select-action {
    display: flex;
    padding: 12px;
}
.mega-dialog.stop-backup .select-action .radio-button {
    flex: 0 0 auto;
}
.mega-dialog.stop-backup .select-action label {
    color: var(--text-color-high);
    display: block;
    font: var(--text-body1-bold);
}
.mega-dialog.stop-backup .select-action .action-info {
    color: var(--text-color-high);
    display: block;
    font: var(--text-body2);
    padding-top: 6px;
}
.mega-dialog.stop-backup .path-wrap {
    align-items: center;
    display: flex;
    font: var(--text-body2);
    padding-top: 10px;
}
.mega-dialog.stop-backup .path-wrap .move-label {
    color: var(--text-color-high);
    flex: 0 0 auto;
    opacity: 0.5;
}
.mega-dialog.stop-backup .path-wrap .mega-button {
    flex: 0 0 auto;
}
.mega-dialog.stop-backup .mega-input.box-style {
    height: 30px;
    margin: 0 5px;
    margin-inline-start: 12px;
}
.mega-dialog.stop-backup .mega-input.box-style input {
    font: var(--text-body2);
    overflow: auto;
    text-overflow: unset;
}

/* Stop backup dialog End */

/* File Request Dialog Start */

.mega-dialog.file-request {
    --file-request-red: rgba(255, 51, 58, 1);
    min-width: auto;
}

.mega-dialog.file-request header {
    padding-bottom: 2px;
}

.mega-dialog.file-request header .dialog-title {
    margin-top: 38px;
}

.mega-dialog.file-request header .dialog-caption {
    margin-top: 12px;
}

.mega-dialog.file-request .content {
    max-height: 45vh;
}

@media only screen and (max-height: 768px) {
    .mega-dialog.file-request .content {
        max-height: 35vh;
    }
}

.mega-dialog.file-request .content .scrollable {
    overflow-y: auto;
}

.mega-dialog.file-request .content .scrollable .ps__rail-y {
    margin-inline-end: 8px;
    opacity: 0.6;
}

.mega-dialog.file-request .content-block {
    padding-top: 24px;
    padding-bottom: 14px;
}

.mega-dialog.file-request.file-request-manage-dialog .content-block {
    padding-bottom: 20px;
}

.mega-dialog.file-request.file-request-manage-dialog .content-block.secondary .form-row {
    margin-bottom: 22px;
}

.mega-dialog.file-request.file-request-manage-dialog .content-block.primary {
    padding-bottom: 36px;
}

.mega-dialog.file-request hr.divider {
    margin: 0 48px;
    width: auto;
}

.mega-dialog.file-request .content-block.secondary {
    padding-top: 32px;
    padding-bottom: 18px;
}

.mega-dialog.file-request .content-block .form-row > label {
    color: var(--text-color-high);
    font: var(--text-body2);
}

.mega-dialog.file-request .content-block .form-row > span.char-count {
    color: var(--text-color-low);
    font: var(--text-caption);
}

.mega-dialog.file-request .content-block .form-row {
    margin-bottom: 20px;
}

.mega-dialog.file-request .content-block .form-row .input-container {
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    gap: 18px;
}

.mega-dialog.file-request .content-block .form-row .input-container button {
    min-width: auto;
}

.mega-dialog.file-request .content-block .form-row .input-container button span {
    white-space: nowrap;
}

.mega-dialog.file-request .content-block .form-row .mega-input {
    padding-top: 6px;
}

.mega-dialog.file-request .content-block .form-row .mega-input::before {
    background: var(--surface-grey-2);
    border-color: var(--stroke-grey-2);
}

.mega-dialog.file-request .content-block .form-row .mega-input.active::before {
    background: var(--surface-grey-1);
    border-color: var(--stroke-grey-2);
}

.mega-dialog.file-request .content-block .form-row .mega-input:not(.mega-input-icon) input {
    padding-inline-start: 16px;
    font: var(--text-body1);
    color: var(--text-color-low);
}

.mega-dialog.file-request .content-block .form-row .mega-input.active input {
    color: var(--text-color-high);
}

.mega-dialog.file-request .content-block .form-row .mega-input.textarea.msg .message-container {
    top: calc(100% + 2px);
}

.mega-dialog.file-request .content-block .form-row.last {
    margin-bottom: 26px;
}

.mega-dialog.file-request .content-block .form-row.select-folder {
    padding-top: 22px;
}

.mega-dialog.file-request .content-block .form-row.create {
    margin-bottom: 24px;
}

.mega-dialog.file-request .content-block.secondary .form-row {
    margin-bottom: 18px;
}

.mega-dialog.file-request .content-block.secondary .form-row label {
    font-family: var(--text-font-family);
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
}

.mega-dialog.file-request .content-block.secondary .form-row.manage {
    margin-bottom: 0;
}

.mega-dialog.file-request .content-block.secondary .form-row .file-request-input {
    display: flex;
    width: 100%;
    position: relative;
    border: 1px solid var(--stroke-grey-2);
    border-radius: 4px;
}

.mega-dialog.file-request .content-block.secondary .form-row .file-request-input .input-wrapper {
    flex: 1;
    vertical-align: top;
    width: 100%;
    background-color: var(--stroke-grey-1);
    padding: 8px;
}

.mega-dialog.file-request .content-block.secondary .form-row .file-request-input .input-wrapper i {
    position: absolute;
    left: 10px;
    top: 8px;
    --icon-size: 24px;
    --mask-color: var(--text-color-medium);
}

.rtl .mega-dialog.file-request .content-block .form-row.create-success .file-request-input .input-wrapper i {
    right: 10px;
    left: initial;
}

.mega-dialog.file-request .content-block.secondary .form-row .file-request-input .input-wrapper input {
    height: 24px;
    border: 0;
    padding-inline-start: 34px;
    padding-inline-end: 10px;
    text-overflow: ellipsis;
    width: 100%;
    font: var(--text-body2);
    background-color: transparent;
    color: var(--text-color-medium);
}

.mega-dialog.file-request .content-block.secondary .form-row .file-request-input .button-wrapper button {
    --height: 100%;
    font: var(--text-body1);
    padding: 2px 12px;
    min-width: 89px;
    justify-content: center;
    margin: 0;
}

.mega-dialog.file-request .content-block.secondary .form-row .file-request-input.input-code {
    border-radius: 4px;
    margin-top: 12px;
}

.mega-dialog.file-request .content-block.secondary .form-row .file-request-embed-button-container {
    padding: 20px;
    background-color: var(--surface-grey-1);
    text-align: center;
    border-radius: 8px;
}

.mega-dialog.file-request .content-block.secondary .form-row .embed-button-header {
    font-family: var(--text-font-family);
    font-weight: bold;
    margin-bottom: 20px;
    color: var(--text-color-high);
}

.mega-dialog.file-request .content-block.secondary .form-row .embed-button-selection {
    display: flex;
}

.mega-dialog.file-request .content-block.secondary .form-row .embed-button-selection .embed-block {
    width: 50%;
}

.mega-dialog.file-request .content-block.secondary .form-row .embed-button-centre .embed-content-wrapper {
    width: 156px;
    border-radius: 5px;
    background-color: var(--surface-grey-2);
    height: 40px;
    padding: 8px 12px;
    margin: 0 auto 12px;
}

.mega-dialog.file-request .content-block.secondary .form-row .embed-button-centre .embed-mega-icon {
    border-radius: 50%;
    background-color: var(--file-request-red);
    height: 24px;
    width: 24px;
    display: inline-block;
}

.mega-dialog.file-request .content-block.secondary .form-row .embed-button-centre .embed-action-text {
    margin: 6px 0;
    padding-inline-start: 6px;
    width: 98px;
    background-color: rgba(196, 196, 196, 1);
    height: 12px;
    display: inline-block;
}

.mega-dialog.file-request .content-block.secondary .form-row .embed-block.dark-theme .embed-content-wrapper {
    background-color: var(--file-request-red);
}

.mega-dialog.file-request .content-block.secondary .form-row .embed-block.dark-theme .embed-mega-icon {
    background-color: var(--surface-main);
}

.mega-dialog.file-request .content-block.secondary .form-row .embed-block.dark-theme .embed-action-text {
    background-color: var(--surface-main);
}

.mega-dialog.file-request .content-block.secondary .form-row .embed-button-centre .embed-button-select {
    display: inline-flex;
    margin-bottom: 4px;
    color: var(--text-color-medium);
    font: var(--text-body2-bold);
    cursor: pointer;
}

.mega-dialog.file-request .content-block.secondary .form-row .embed-block.active .embed-button-select {
    color: var(--text-color-high);
}

.mega-dialog.file-request .content-block .form-row .caption {
    font: var(--text-body2);
    margin-top: 24px;
}

.mega-dialog.file-request.file-request-manage-dialog .content-block .form-row .caption {
    margin-top: 20px;
}

.mega-dialog.file-request .footer-container.manage {
    padding: 24px 48px 48px;
    display: flex;
    width: 100%;
    border-radius: 0 0 var(--border-radius) var(--border-radius);
}

.mega-dialog.file-request .footer-container .button-container {
    display: inline-flex;
    gap: 8px;
    margin-inline-start: auto;
}

.mega-dialog.file-request .footer-container .button-container button {
    margin-inline-start: 0;
}

.mega-dialog.fm-picker-dialog.fm-picker-file-request header {
    padding-top: 40px;
}

.mega-dialog.fm-picker-dialog.fm-picker-file-request header p {
    max-width: 359px;
    margin: 16px auto;
}

.duration-discount-dropdown {
    width: 97px;
    height: 18px;
    background-color: #FF625C;
    border-radius: 9px;
}

/* File Request Dialog End */

/* Public set decryption key dialog */
.mega-dialog.pset-decr-dialog {
    width: 480px;
}
.pset-decr-dialog h3 {
    color: var(--text-color-high);
    font: var(--text-h2);
}
/* Public set decryption key dialog end */

/* Welcome dialog start */

.mega-dialog.upgrade-welcome-dialog {
    display: flex;
    flex-direction: row;
    color: var(--text-color-high);
}
.mega-dialog.upgrade-welcome-dialog header {
    font: var(--text-h1-bold);
    margin-bottom: 8px;
}
.mega-dialog.upgrade-welcome-dialog .thanks-text {
    font : var(--text-body1);
    color: var(--text-color-medium);
}
.mega-dialog.upgrade-welcome-dialog .upgrade-welcome-content-left {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 32px 24px 84px 32px;
    max-width: 600px;
}
.mega-dialog.upgrade-welcome-dialog .upgrade-welcome-content-left .welcome-dialog.content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.mega-dialog.upgrade-welcome-dialog .upgrade-welcome-content-left .welcome-dialog.content .plan-info-header {
    font: var(--text-h2-bold);
}
.mega-dialog.upgrade-welcome-dialog .upgrade-welcome-content-left .welcome-dialog.content-block {
    display: flex;
    flex-direction: row;
    padding: 0;
    align-items: center;
    gap: 16px;
}
.mega-dialog.upgrade-welcome-dialog .upgrade-welcome-content-left .content-block i {
    --icon-size: 24px;
}
.mega-dialog.upgrade-welcome-dialog .upgrade-welcome-content-left .content-block .content-info {
    display: flex;
    flex-direction: column;
}
.mega-dialog.upgrade-welcome-dialog .upgrade-welcome-content-left .content-block .content-info .info-header {
    font: var(--text-h3-bold);
    color: var(--text-color-high);
}
.mega-dialog.upgrade-welcome-dialog .upgrade-welcome-content-left .content-block .content-info .info-text {
    font: var(--text-body1);
    color: var(--text-color-medium);
}
.mega-dialog.upgrade-welcome-dialog footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 24px;
}
.mega-dialog.upgrade-welcome-dialog footer button {
    width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: flex-end;
}
.mega-dialog.upgrade-welcome-dialog .image-container {
    display: flex;
    align-items: center;
    justify-content: center;
}
.mega-dialog.upgrade-welcome-dialog .top-image-container {
    margin-bottom: 8px;
}
.mega-dialog.upgrade-welcome-dialog .image {
    background-image: url("../images/mega/dialog-welcome-image.png");
    width: 221px;
    height: 221px;
    background-size: 221px;
}
.mega-dialog.upgrade-welcome-dialog .top-image {
    background-image: url("../images/mega/dialog-welcome-top-image.png");
    width: 104px;
    height: 104px;
    background-size: 104px;
}
.mega-dialog.upgrade-welcome-dialog a {
    text-decoration: none;
}

/* Welcome dialog end */

/* Upgrade to pro dialog start */
.mega-dialog.upgrade-to-pro-dialog {
    width: 600px;
}
.mega-dialog.upgrade-to-pro-dialog .blurb a {
    text-decoration: none;
}
.mega-dialog.upgrade-to-pro-dialog .content {
    width: 495px;
    margin: 0 auto;
}
.mega-dialog.upgrade-to-pro-dialog .content .dialog-title-and-description {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 16px;
}
.mega-dialog.upgrade-to-pro-dialog .content .image-container i.image {
    width: 168px;
    height: 168px;
    background-size: 168px;
}
.mega-dialog.upgrade-to-pro-dialog .content .dialog-title-and-description > *:not(:last-child) {
    margin-bottom: 8px;
}
.mega-dialog.upgrade-to-pro-dialog .content .dialog-title-and-description .upgrade-to-pro-dialog-title {
    font: var(--text-h2-bold);
    color: var(--text-color-high);
    line-height: 24px;
    padding-top: 40px;
}
.mega-dialog.upgrade-to-pro-dialog .content .dialog-title-and-description .upgrade-to-pro-dialog-description {
    font: var(--text-h3);
    padding: 0 16px;
    text-align: center;
}
.mega-dialog.upgrade-to-pro-dialog .content .tabs {
    display: flex;
    flex-direction: row;
    align-self: center;
    padding: 48px 0 24px;
    font: var(--text-body2);
}
.mega-dialog.upgrade-to-pro-dialog .content .tabs > *:not(:last-child) {
    margin-inline-end: 16px;
}
.mega-dialog.upgrade-to-pro-dialog .content .tabs .tab {
    cursor: pointer;
}
.mega-dialog.upgrade-to-pro-dialog .content .tabs .tab.active {
    color: var(--text-color-high);
    border-bottom: 2px solid var(--secondary-red);
    font: var(--text-body2-bold);
}
.mega-dialog.upgrade-to-pro-dialog .content .info-container {
    display: flex;
    flex-direction: row;
    padding-bottom: 10px;
    justify-content: center;
}
.mega-dialog.upgrade-to-pro-dialog .content .info-container > *:not(:last-child) {
    margin-inline-end: 32px;
}
.mega-dialog.upgrade-to-pro-dialog .content .info-container .title-and-blurb {
    display: flex;
    flex-direction: column;
    font: var(--text-h3);
    width: 247px;
}
.mega-dialog.upgrade-to-pro-dialog .content .info-container .title-and-blurb > *:not(:last-child) {
    margin-bottom: 8px;
}
.mega-dialog.upgrade-to-pro-dialog .content .info-container .title-and-blurb .title {
    font: var(--text-h3-bold);
    color: var(--text-color-high);
}
.mega-dialog.upgrade-to-pro-dialog .content .price-disclaimer {
    padding: 2px 0 24px;
    font: var(--text-body2-bold);
    opacity: 0.7;
    text-align: center;
}
.mega-dialog.upgrade-to-pro-dialog footer {
    background-color: var(--surface-grey-1);
    display: flex;
    flex-direction: row;
    padding: 13px 26px;
}
.mega-dialog.upgrade-to-pro-dialog footer > *:not(:last-child) {
    margin-inline-end: 12px;
}
.mega-dialog.upgrade-to-pro-dialog footer .mega-button {
    padding: 6px 12px;
}
.mega-dialog.upgrade-to-pro-dialog footer button.upgrade {
    margin: 0;
}
.mega-dialog.upgrade-to-pro-dialog .content .image-container i.image.animation,
.mega-dialog.upgrade-to-pro-dialog .content .info-container .title-and-blurb > *.animation {
    animation: top-fade-in 0.5s;
}
/* Upgrade to pro dialog end */

/* DC App Promo dialog begin */
.mega-dialog.dc-app-promo-dialog {
    width: 623px;
}
.mega-dialog.dc-app-promo-dialog .content .image-container {
    width: 100%;
    height: 224px;
    padding-top: 20px;
    margin-bottom: 4px;
    display: flex;
    justify-content: center;
    background: var(--surface-grey-1);
    border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.mega-dialog.dc-app-promo-dialog .content .image-container i.image {
    background-position-x: 50%;
    background-position-y: 0%;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}
.mega-dialog.dc-app-promo-dialog .content .tabs-container {
    width: 100%;
    display: flex;
    height: 40px;
    margin-top: 4px;
    margin-bottom: 4px;
    justify-content: center;
}
.mega-dialog.dc-app-promo-dialog .content .tabs-container .tabs {
    display: flex;
    align-items: center;
    justify-content: center;
}
.mega-dialog.dc-app-promo-dialog .content .tabs-container .tabs > *:not(:last-child) {
    margin-right: 8px;
}
.rtl .mega-dialog.dc-app-promo-dialog .content .tabs-container .tabs > *:not(:last-child) {
    margin-left: 8px;
}
.mega-dialog.dc-app-promo-dialog .content .info-container {
    width: auto;
    margin: 0 24px;
}
.mega-dialog.dc-app-promo-dialog .content .info-container .title-and-description {
    width: auto;
    margin-top: 4px;
    margin-bottom: 4px;
    text-align: center;
}
.mega-dialog.dc-app-promo-dialog .content .info-container .title-and-description .title {
    height: 30px;
    font: var(--text-h2-bold);
    color: var(--text-color-high);
    line-height: 24px;
}
.mega-dialog.dc-app-promo-dialog .content .info-container .title-and-description .description{
    height: 40px;
}
.mega-dialog.dc-app-promo-dialog footer {
    margin-top: 4px;
    margin-bottom: 24px;
    height: 52px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.mega-dialog.dc-app-promo-dialog footer > button.mega-button{
    font: var(--text-body1);
    height: 36px;
    padding: 0 34px;
}
.mega-dialog.dc-app-promo-dialog .content .tabs .tab {
    cursor: pointer;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    background: linear-gradient(180deg, #FAFAFA 0%, #F2F2F2 100%);
}
.mega-dialog.dc-app-promo-dialog .content .tabs .tab.active {
    background: linear-gradient(180deg, #3ED8B2 0%, #1DB07B 100%);
}
.theme-dark .mega-dialog.dc-app-promo-dialog .content .tabs .tab {
    background: linear-gradient(180deg, #9F9F9F 0%, #666 100%);
}
.theme-dark .mega-dialog.dc-app-promo-dialog .content .tabs .tab.active {
    background: linear-gradient(180deg, #0ED9B1 0%, #06B17A 100%);
}
.mega-dialog.dc-app-promo-dialog .content .image-container i.image.animation,
.mega-dialog.dc-app-promo-dialog .content .info-container .title-and-description > *.animation {
    animation: top-fade-in 0.5s;
}

/* DC App Promo dialog end */

.mega-sheet.discount-offer .close,
.mega-sheet.discount-offer .close:hover {
    background-color: var(--text-color-white-medium);
    border-radius: 50%;
}

.mega-sheet.discount-offer .promo-banner {
    background: url("../images/mega/promo/discount-banner.webp");
}

.theme-dark .mega-sheet.discount-offer .close {
    color: var(--mobile-button-primary-pressed);
}
